Skip to content

Create Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project

Notifications You must be signed in to change notification settings

widushan/E-commerce-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛒 Trendzide E-commerce Website

A modern, full-stack e-commerce platform for fashion and lifestyle products. Built with React, Node.js, Express, and MongoDB.


🚀 Features

  • User authentication & admin panel
  • Product catalog with images, categories, and sizes
  • Shopping cart & checkout
  • Order management
  • Responsive design
  • Image upload (Cloudinary)

🛠️ Tech Stack

  • Frontend: React, Vite, Tailwind CSS
  • Backend: Node.js, Express
  • Database: MongoDB

📦 Installation & Setup

# Clone the repository
https://github.com/widushan/E-commerce-Website.git

# Install dependencies for backend
cd backend
npm install

# Install dependencies for frontend
cd ../frontend
npm install

# Install dependencies for admin panel
cd ../admin
npm install

▶️ Usage

  1. Start Backend
    cd backend
    npm start
  2. Start Frontend
    cd frontend
    npm run dev
  3. Start Admin Panel
    cd admin
    npm run dev

📁 Folder Structure

E-commerce-Website/
├── admin/
├── backend/
├── frontend/

📸 Screenshots

Admin Panel

Image

Main Storefront

Image Image Image Image Image Image Image Image

🔗 API Endpoints

  • /api/user/admin - Admin login
  • /api/product/add - Add product
  • /api/product/list - List products
  • /api/order - Manage orders

🤝 Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.


📄 License

This project is licensed under the MIT License.


📬 Contact

About

Create Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages