Working with React

Purpose of the Project:

To understand the general structure of React Router Dom, learn how to work with Private Route and working with Context API.

Live Demo:

https://ayhando-ecommerce.vercel.app/

Project Setup

npm i

To Run the Project:

npm run dev

To Open the Project in a Browser:

http://localhost:3000

• Installation of React-Router-Dom and Bootstrap
• Creation of Navbar
• Construction of Page Structure
• Accessibility to Pages via React Router Dom
• Creation of Products Section
• Home Page Development
• Development of the Product Detail Page
• Implementing Add to Cart Functionality
• Cart Page Development
• Development of Login and Register Pages
• Implementation of User Authentication with Firebase
• Private Route Implementation
• Implementation of User Profile Page
• Order Completion Process
• Working with Context API
• Finalizing the Project