const Projects = ({ github_repos }) => {
return (
💼 About this project
- Use email or google to create an account and sign in
- Browse through 5 categories of products
- Add product to your cart and checkout
This was my first React app using an external database. This was from the ZeroToMaster Academy React course.
🧠 What I learned
- How to use react router to create a navigation bar and pages
- How to set up a database using firebase
- How to authenticate users using firebase
- How to use contexts to avoid prop drilling in nested components
- How to use SASS for styling
- How to use styled-components to avoid className clashes
- How to build and deploy on Netlify
Coming Up Next:
- Add Stripe API to the checkout page
)
}
export default Projects;