An elegant and modern e-commerce platform built with React.js & Node.js.
This application allows users to register, sign in, browse products, add to cart, and prepare for checkout.
It’s modular, responsive, and extendable, making it ideal for learning, portfolio showcase, or real-world use.
- 📸 Screenshots
- 🚀 Features
- 📁 Project Structure
- 🛠️ Tech Stack
- ⚡ Prerequisites
- 🧑💻 Installation & Setup
- 🤝 Contributing
- 📜 License
- 🔐 User Authentication (Sign Up & Sign In)
- 🛍️ Product Listing & Details Pages
- 🧭 Intuitive Navigation Bar
- 🎨 Responsive UI with reusable React components
- ⚙️ Redux Toolkit for State Management
- 🖼️ Static Assets & Theming
- 📦 Backend-ready with Express & MongoDB models
Ecommerce-Website-main/
├── client/ # Frontend (React.js)
│ ├── public/ # Static assets (favicon, logos, manifest)
│ └── src/
│ ├── api/ # API integration files
│ ├── components/ # Reusable UI components
│ │ └── cards/ # Product-related UI cards
│ ├── pages/ # Page components (Home, Cart, Auth, etc.)
│ ├── redux/ # Redux store & slices
│ │ └── reducers/ # Reducer files
│ ├── utils/ # Utility functions & constants
│ │ └── Images/ # Project images
│ ├── App.js # Root App component
│ ├── index.css # Global styles
│ └── index.js # React entry point
│ ├── README.md
│ ├── package.json
│ ├── package-lock.json
│ └── static.json
│
├── server/ # Backend (Node.js / Express)
│ ├── controllers/ # Business logic (Products, User)
│ ├── middleware/ # Auth & token validation
│ ├── models/ # MongoDB models (Orders, Products, Users)
│ ├── routes/ # API routes
│ ├── error.js # Error handling
│ ├── index.js # Express app entry point
│ ├── package.json
│ └── package-lock.json
│
├── .gitignore
├── README.md
├── image.png # Preview image / screenshot
- Frontend:
- ⚛️ React.js
- 📦 Redux Toolkit
- 🎨 CSS (Responsive Design)
- Backend:
- 🟢 Node.js
- 🚏 Express.js
- 🍃 MongoDB (via Mongoose models included)
- Others:
- 🌐 Axios (API calls)
- 🔑 JWT (token-based authentication placeholder)
- Make sure you have installed:
- Node.js(>= 14.x recommended)
- npm or yarn package manager
-
Clone the repository:
git clone https://github.com/your-username/ecommerce-website.git cd ecommerce-website
npm install
npm startVisit http://localhost:3000 to view the app.
cd ../server
npm install
npm startRuns on: http://localhost:5000
- Contributions are welcome! 🚀
- To contribute:
- Fork This Repo
- Create Your Feature Branch
git checkout -b feature/awesome-feature
- Commit Your Changes
git commit -m 'Add new feature' - Push To Your Branch & Open a Pull Request
This project is open-source and available under the MIT LICENSE.
If you like this project, don’t forget to star ⭐ the repository to show your support!