This repository contains the complete source code for building a Fullstack Ecommerce Responsive MERN (MongoDB, Express, React, Node.js) App. The application is a working ecommerce site developed from scratch, utilizing React for the frontend, Redux for state management, Node.js for the backend, and MongoDB as the database.
-
Responsive Design: The application is designed to be responsive, ensuring a seamless user experience across various devices and screen sizes. Tailwind CSS is used for responsive design and styling.
-
User Authentication: Implement user authentication to allow users to sign up, log in, and manage their accounts securely.
-
Product Management: Enable administrators to add, edit, and delete products, managing the inventory of the ecommerce platform.
-
Shopping Cart: Implement a shopping cart functionality that allows users to add products to their cart, update quantities, and proceed to checkout.
-
Order Processing: Manage the order processing flow, including order creation, payment integration, and order confirmation.
-
User Profile: Users can view and edit their profiles, track order history, and manage personal information.
-
Frontend:
- React: JavaScript library for building user interfaces.
- Redux: State management library for predictable state container.
- React Router: Declarative routing for React.js.
-
Backend:
- Node.js: JavaScript runtime for server-side development.
- Express: Web application framework for Node.js.
- MongoDB: NoSQL database for data storage.
- Mongoose: ODM (Object Data Modeling) library for MongoDB and Node.js.
-
Middleware:
- Cors: Middleware for enabling Cross-Origin Resource Sharing, facilitating communication between the frontend and backend.
-
Clone the Repository:
git clone https://github.com/Souvikparua/COMPLETE-Fullstack-ecommerce-Responsive-MERN-App.git cd COMPLETE-Fullstack-ecommerce-Responsive-MERN-App
-
Install Dependencies:
# Install frontend dependencies npm install # Install backend dependencies cd backend npm install
-
Configure Environment Variables:
- Create a
.env
file in thebackend
directory. - Add the required environment variables, such as MongoDB connection string, etc.
- Create a
-
Run the Application:
# Run the frontend (in the root directory) npm start # Run the backend (in the backend directory) npm run dev
-
Open in Browser: Open your browser and navigate to
http://localhost:8000
to access the ecommerce application.
This project is licensed under the GPL License. Feel free to use and modify the code for your own projects.