E-Commerce Project

Welcome to Eco our feature-rich E-Commerce platform, built with the MERN (MongoDB, Express.js, React, Node.js) stack and styled using Bootstrap! This application offers a seamless experience for both administrators and users. Below are the key features and functionalities:

Live Demo

Explore the live deployment of the application: Live Demo

Features

User Panel

1. User Authentication:

   • Users can register and log in securely.

2. Product Browsing:

   • View a comprehensive list of products available in the store.
   • Filter products based on product category or price range.

3. Product Details:

   • Users can view detailed information about each product.

4. Shopping Cart:

   • Add products to the shopping cart.
   • View and manage items in the shopping cart.

5. Order Placement:

   • Securely purchase products using Razorpay for online payments.
   • Dynamically update product stock after a successful payment.

6. Order History:

   • View a record of previous orders.

7. Pagination:

   • Paginate through the product list for a better user experience.

8. Product Filtering:

   • Users can filter products based on product category or price range for efficient navigation.

9. Contact Us:

   • Users can send messages to the admin for inquiries or support.

Admin Panel

1. Admin Authentication:

   • Secure login for administrators.

2. Product Management:

   • Perform CRUD operations on products.
   • Add new products to the inventory.
   • Set and update product stock.
   • Mark products as featured, making them visible in the featured products section on the home page.

3. Order Management:

   • View all orders placed by users.
   • Track total sales and revenue.

4. User Management:

   • Monitor and manage user registrations.
   • View a list of registered users.

5. Contact Us Messages:

   • Access and respond to messages sent by users from the contact page.

6. Featured Products:

   • Admins can mark specific products as featured, displaying them prominently on the home page.

Libraries Used

Front-End

• React (v18.2.0): A JavaScript library for building user interfaces.
• React Router DOM (v6.14.2): Declarative routing for React.js.
• Redux Toolkit (v1.9.5): State management library for React applications.
• Axios (v1.4.0): Promise-based HTTP client for the browser and Node.js.
• Formik (v2.4.2): Form handling library for React.
• Yup (v1.2.0): JavaScript schema builder for validation.
• Bootstrap: Front-end framework for designing responsive and attractive user interfaces.

Back-End

• Express (v4.18.2): Web application framework for Node.js.
• Mongoose (v7.4.1): MongoDB object modeling for Node.js.
• Bcrypt (v5.1.0): Library for hashing passwords.
• Cookie-parser (v1.4.6): Middleware for parsing cookies.
• Cors (v2.8.5): Middleware for enabling Cross-Origin Resource Sharing.
• Dotenv (v16.3.1): Zero-dependency module that loads environment variables from a .env file.
• Express-async-handler (v1.2.0): A utility function to simplify error handling in Express.js routes.
• Jsonwebtoken (v9.0.1): JSON Web Token (JWT) implementation.
• Razorpay (v2.9.2): Payment gateway integration for accepting online payments.