Skip to content

suraj-raj01/FullStack-eCommerce-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

70 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

eCommerce Website (MERN Stack)

πŸ“Œ Overview

This is a fully functional eCommerce website built using the MERN stack (MongoDB, Express.js, React, Node.js). It provides a seamless online shopping experience, including features like product browsing, cart management, user authentication, and payment processing.

πŸš€ Features

  • User Authentication (Login/Register) πŸ”‘
  • Admin Dashboard for Product & Order Management πŸ› οΈ
  • Product Listing with Search & Filtering πŸ”
  • Shopping Cart πŸ›’
  • Secure Checkout with Payment Gateway πŸ’³
  • Order Management System πŸ“¦
  • Responsive Design πŸ“±

πŸ› οΈ Technologies Used

  • Frontend: React.js (with Redux for state management)
  • Backend: Node.js, Express.js
  • Database: MongoDB (Mongoose ORM)
  • Authentication: JSON Web Tokens (JWT), bcrypt
  • Payment Integration: RazorPay
  • Cloud Storage: Multer (for product images)
  • Deployment: Vercel (Frontend), Render (Backend)

πŸ“‚ Project Structure

/ecommerce-website
│── backend/           # Node.js + Express.js Server
β”‚   β”œβ”€β”€ models/       # Database models (MongoDB)
β”‚   β”œβ”€β”€ routes/       # API routes
β”‚   β”œβ”€β”€ controllers/  # Business logic
│── frontend/         # React.js Application
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/   # Reusable Components
β”‚   β”‚   β”œβ”€β”€ pages/        # Application Pages
β”‚   β”‚   β”œβ”€β”€ redux/        # State Management
β”‚   β”‚   β”œβ”€β”€ utils/        # Helper Functions
│── .env                 # Environment Variables
│── package.json         # Dependencies
│── README.md            # Documentation

πŸ”§ Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/your-username/ecommerce-mern.git
cd ecommerce-mern

2️⃣ Backend Setup

cd server
npm install

Create a .env file inside the backend/ directory and add the necessary environment variables:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
STRIPE_SECRET_KEY=your_stripe_key

Run the backend server:

nodemon

3️⃣ Frontend Setup

cd ../client
npm install

Run the frontend:

npm run dev

🌍 Deployment

1️⃣ Deploy Backend

  • Use Railway or Heroku for Node.js server
  • Set up MongoDB Atlas for database hosting
  • Configure .env variables in the deployment platform

2️⃣ Deploy Frontend

  • Use Vercel or Netlify for React app
  • Ensure the frontend .env file contains the correct API URL for the backend

🀝 Contributing

Feel free to fork this repository and submit pull requests for improvements! πŸš€

πŸ“œ License

This project is licensed under the MIT License.


Made with ❀️ by SURAJ KUMAR

Releases

No releases published

Packages

No packages published