This comprehensive E-commerce project, developed using the MERN (MongoDB, Express.js, React.js, Node.js) stack, features robust functionalities for both users and administrators.
Features:
- User Authentication: Secure user registration, login, and password reset functionalities.
- Cart Functionality: Users can manage their shopping cart by adding or removing items.
- Search with Category Filters: Users can search and filter products by categories.
- Admin Panel: Administrators can manage products and categories via CRUD operations, view and manage orders, and track order status (Processing, Processed, Cancelled). Admins can also view detailed information about which user placed which order and approve or modify order statuses.
- PayPal Integration: Secure payment processing through PayPal for a seamless checkout experience.
- Global State Management: Utilize Context API for efficient global state management.
Admin Panel Usage:
- Managing Products: Add, edit, or delete products.
- Managing Categories: Perform CRUD operations on product categories.
- Order Management: View, process, and manage orders, including updating their status and viewing order details.
Third-Party Libraries:
- Axios: For making HTTP requests to the backend.
- React-Toast: To display informative messages or notifications to users.
- Context API: For managing global states efficiently.
- React.js
- Context API
- Axios
- React-Toast
- react-router-dom
- web-vitals
Deployed on Netlify.
- Node.js
- Express.js
- MongoDB (Mongoose)
Deployed on Render.
- Clone the Repository:
git clone <repository-url> - Install Dependencies:
- Frontend:
cd frontend && npm install - Backend:
cd backend && npm install
- Frontend:
- Set Up Environment Variables: Configure environment variables for MongoDB connection, etc.
- Run the Application:
- Frontend:
npm startin thefrontenddirectory - Backend:
npm startin thebackenddirectory
- Frontend: