Rajkumar-Khatua / e-commerce-MERN-Stack

Your Store

Description

Your Store is a modern and user-friendly e-commerce platform that allows users to browse and purchase a wide range of products. This project is built using React for the frontend and includes features like product listings, product details, shopping cart, and a seamless checkout process.

Table of Contents

• Features
• Technologies Used
• Installation
• Usage
• Project Structure
• Contributing
• License

Features

• Product listings
• Product details
• Shopping cart
• Checkout process
• User authentication
• User profile
• Admin dashboard
• Admin product management
• Admin user management
• Admin order management
• Search functionality
• Pagination
• Product reviews and ratings
• Top products carousel
• Product search feature
• Product carousel
• Product pagination
• Product search feature

Technologies Used

• React
• React Router
• React Query for data fetching
• SCSS for styling
• JSON data for product information

Installation

1. Clone the repo

git clone https://github.com/Rajkumar-Khatua/e-commerce-MERN-Stack.git

2. Install NPM packages

npm install

3. Run the app

npm start

Usage

Start the development server:

npm start

Build the app for production:

npm run build

Project Structure

Your - Store/
│
├── public/
│   ├── index.html
│   └── ... (other static assets)
│
├── src/
│   ├── components/
│   │   ├── Cart/
│   │   │   └── ... (cart-related components)
│   │   ├── Navbar/
│   │   │   └── ... (navbar components)
│   │   └── ... (other shared components)
│   │
│   ├── pages/
│   │   ├── Home/
│   │   │   └── ... (home page components)
│   │   ├── Search/
│   │   │   └── ... (search page components)
│   │   ├── ProductListingPage/
│   │   │   └── ... (product listing page components)
│   │   ├── SingleProduct/
│   │   │   └── ... (single product page components)
│   │   ├── CartPage/
│   │   │   └── ... (cart page components)
│   │   ├── CheckoutPage/
│   │   │   └── ... (checkout page components)
│   │   └── ... (other page components)
│   │
│   ├── App.jsx
│   ├── index.js
│   └── ... (other configuration and utility files)
│
├── data.json
├── README.md
├── package.json
└── ... (other project-related files)

Contributing

Contributions are always welcome! Feel free to open an issue or submit a pull request if you have any ideas on how to improve this project.

How to contribute?

1. Fork the repository
2. Create a new branch
3. Commit/push your changes
4. Create a pull request

Author

👤 Rajkumar Khatua

• Github: @Rajkumar-Khatua
• LinkedIn: @rajkumar-khatua