Welcome to the Baby Shop Ecommerce Store project! This React-based ecommerce platform is designed for a baby shop, offering a wide range of products including baby nutrition, care products, clothes, toys, and more. The project incorporates various pages and features to create a seamless shopping experience for users.
-
User Authentication: The project includes login and signup pages to allow users to create accounts and securely log in.
-
Admin Dashboard: Admins have a dedicated login page and a dashboard where they can manage products, view individual user purchases, and perform CRUD operations on products.
-
Shopping Pages: Users can explore the shop, view products by category, add items to their cart, and proceed to checkout.
-
Individual Carts: Each user has a personal shopping cart that stores their selected items.
-
Search Functionality: Users can easily find products using the search feature.
-
React: The entire frontend is built using React, taking advantage of its component-based architecture.
-
React Hooks: Various hooks such as
useState
,useEffect
,useRef
, anduseReducer
are employed for state management and side effects. -
React Context: Context is utilized to manage global state, making it easier to share data between components.
-
Navigation: The project uses navigation techniques to seamlessly move between different pages.
Throughout the development of this project, I gained valuable insights into React and its ecosystem. Key learnings include:
-
Understanding and implementing different React hooks for state management and side effects.
-
Mastery of context to efficiently share state across components.
-
Navigating between different pages within a React application.
-
Implementing CRUD operations and handling user authentication.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/rishwal/cozycub.git
-
Navigate to the project directory:
cd cozycub
-
Install dependencies:
npm install
-
Start the development server:
npm start
Visit http://localhost:3000 in your browser to explore the Baby Shop Ecommerce Store.
If you'd like to contribute to the project, feel free to open issues, submit pull requests, or provide feedback. Your contributions are highly appreciated!
Special thanks to the React community for providing excellent documentation and support throughout the development process.
Happy Shopping! 🍼👶
=======