Skip to content

bhavanikuncham/trendhora

Β 
Β 

Trendhora πŸ›οΈ

A Modern Full-Stack E-commerce Platform

Trendhora Logo

MIT License Contributors Stars Forks

Welcome to Trendhora – your gateway to a seamless online shopping experience built with the MERN stack.

Report Bug β€’ Request Feature


🌟 Features

πŸ‘€ For Buyers

  • πŸ›’ Explore & Shop - Browse through an extensive range of products across various categories
  • πŸ“± User-Friendly Interface - Enjoy a smooth shopping experience with an intuitive and responsive design

πŸ”§ For Admins

  • πŸ› οΈ Manage Marketplace - Effortlessly control and update product listings
  • πŸ‘₯ Customer Account Management - Handle customer accounts and ensure smooth operation of the marketplace

πŸ› οΈ Tech Stack

Frontend Backend Database
React Node.js MongoDB
Material-UI Express.js Mongoose

πŸš€ Quick Start

Prerequisites

Make sure you have these installed on your machine:

node --version    # v16.0.0 or higher
npm --version     # v8.0.0 or higher

Installation & Setup

  1. Clone the repository

    git clone https://github.com/agamjotsingh18/trendhora.git
    cd trendhora
  2. Install dependencies

    # Install server dependencies
    cd server
    npm install
    
    # Install client dependencies  
    cd ../client
    npm install
  3. Environment Configuration

    Create a .env file in the server directory:

    NODE_ENV=development
    PORT=5000
    MONGO_URI=mongodb+srv://<username>:<password>@cluster.mongodb.net/<database>
  4. Database Setup

    # Navigate to server directory
    cd server
    
    # Seed the database with sample data
    npm run seed
  5. Start the Application

    # Terminal 1: Start the backend server
    cd server
    npm run dev
    
    # Terminal 2: Start the frontend (in a new terminal)
    cd client  
    npm start
  6. Access the Application


πŸ“ Project Structure

trendhora/
β”œβ”€β”€ client/                 # React frontend
β”‚   β”œβ”€β”€ public/            # Public assets
β”‚   β”œβ”€β”€ src/
β”‚   β”‚   β”œβ”€β”€ components/    # Reusable components
β”‚   β”‚   β”œβ”€β”€ pages/         # Page components
β”‚   β”‚   β”œβ”€β”€ context/       # Context providers
β”‚   β”‚   β”œβ”€β”€ hooks/         # Custom hooks
β”‚   β”‚   └── utils/         # Helper functions
β”‚   └── package.json
β”œβ”€β”€ server/                # Express backend
β”‚   β”œβ”€β”€ controllers/       # Route controllers
β”‚   β”œβ”€β”€ models/           # Mongoose models
β”‚   β”œβ”€β”€ routes/           # API routes
β”‚   β”œβ”€β”€ middleware/       # Custom middleware
β”‚   β”œβ”€β”€ config/           # Database config
β”‚   └── package.json
β”œβ”€β”€ README.md
└── LICENSE

πŸ”§ Available Scripts

Client

npm start          # Start development server
npm run build      # Build for production
npm test           # Run tests
npm run eject      # Eject from Create React App

Server

npm run dev        # Start with nodemon
npm start          # Start production server
npm run seed       # Populate database with sample data
npm test           # Run tests

πŸ“± Screenshots

Screenshot 45 Dark Mode Shop Section

🀝 Contributing

We love contributions! Please see our Contributing Guidelines for details.

How to Contribute

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

Contributors


πŸ› Bug Reports & Feature Requests

Found a bug or have a feature request? Please check our Issues page.


License

This project is licensed under the MIT License.
You are free to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the project.

For full details, see the LICENSE file.


πŸ™ Acknowledgments

  • Material-UI for the beautiful component library
  • MongoDB for the flexible database solution
  • The open-source community for inspiration and support

πŸ“§ Connect With Us

Project Maintainer: Agamjot Singh

LinkedIn Twitter GitHub

⭐ If this project helped you, please give it a star!


Made with ❀️ by developers, for developers

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 60.4%
  • CSS 39.4%
  • HTML 0.2%