Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/harsh-pandhe/e-commerce-store
E-Commerce Store is a full-fledged online shopping platform built with the MERN stack (MongoDB, Express, React, Node.js). It includes both a Shopping Store for customers and an Admin Panel for managing products, users, and orders. Customers can browse products, view details, add items to their cart, and make secure payments via PayPal.
https://github.com/harsh-pandhe/e-commerce-store
admin-dashboard ecommerce express mern-stack mongodb nodejs paypal react tailwindcss
Last synced: 29 days ago
JSON representation
E-Commerce Store is a full-fledged online shopping platform built with the MERN stack (MongoDB, Express, React, Node.js). It includes both a Shopping Store for customers and an Admin Panel for managing products, users, and orders. Customers can browse products, view details, add items to their cart, and make secure payments via PayPal.
- Host: GitHub
- URL: https://github.com/harsh-pandhe/e-commerce-store
- Owner: harsh-pandhe
- Created: 2024-11-11T20:10:46.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-11T20:28:52.000Z (about 2 months ago)
- Last Synced: 2024-11-11T21:22:14.239Z (about 2 months ago)
- Topics: admin-dashboard, ecommerce, express, mern-stack, mongodb, nodejs, paypal, react, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 2.86 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🛒 E-Commerce Store
Welcome to **E-Commerce Store** – a feature-packed online shopping platform! This app is built with the powerful MERN stack, offering both an **Admin Panel** and a **Shopping Store** with an integrated **rating system**. Whether you’re managing products or shopping for the latest deals, this app has got you covered!
## 🚀 Features You'll Love
- **🔒 Secure User Authentication**: Sign up and log in securely with JWT and `bcryptjs`.
- **🛒 Shopping Store**:
- **Product Listings**: View and browse a variety of products.
- **Product Details**: View detailed information about a product.
- **Add to Cart**: Add items to your cart for easy checkout.
- **Checkout**: A smooth and secure checkout experience with PayPal.
- **Search**: Find products quickly with the search functionality.
- **Product Reviews & Ratings**: Customers can rate and review products.
- **🧑💻 Admin Panel**:
- **Admin Dashboard**: Manage products and view site analytics.
- **Product Management**: Create, update, or delete products.
- **Order Management**: View and manage customer orders.
- **User Management**: Manage customer accounts.
## 🛠️ Tech Stack
### Frontend
- **React** + **Vite**: Fast, modern, and a joy to code with.
- **Tailwind CSS**: For a sleek, mobile-friendly design.
- **Radix UI**: To make UI components pop.
- **Axios**: For seamless HTTP requests.
### Backend
- **Node.js** & **Express**: Fast, reliable, and perfect for handling all those API calls.
- **MongoDB**: Scalable, NoSQL database to store everything securely.
- **Mongoose**: Making data interaction a breeze.
- **Cloudinary**: For image storage that’s easy and reliable.
- **PayPal SDK**: To make payments a walk in the park.
## 🚧 Getting Started
### Prerequisites
Make sure you have **Node.js** and **npm** installed, and your **MongoDB** instance set up.
### Installation Steps
1. **Clone the Repo**:
```bash
git clone https://github.com/harsh-pandhe/e-commerce-store.git
cd e-commerce-store
```
2. **Backend Setup**:
```bash
cd server
npm install
```
Create a `.env` file with your configuration:
```dotenv
# Server configuration
PORT=5000
MONGO_URI=""
CORS_ORIGIN="http://localhost:5173"
# Cloudinary configuration
CLOUD_NAME=""
API_KEY=""
API_SECRET=""
# PayPal configuration
PAYPAL_MODE="sandbox" # Change to "live" for production
PAYPAL_CLIENT_ID=""
PAYPAL_CLIENT_SECRET=""
```
**Important**: Replace the placeholder values (e.g., ``, ``) with your actual credentials.
3. **Run the server**:
```bash
npm run dev
```
4. **Frontend Setup**:
```bash
cd ../client
npm install
```
Run the development server:
```bash
npm run dev
```
## 🔒 Security Best Practices
- **Never share** your real `.env` file publicly or commit it to version control.
- Add `.env` to your `.gitignore` to keep it from being pushed to your repository.
- Use secret management services like **GitHub Secrets**, **AWS Secrets Manager**, or **dotenv-cli** for enhanced security.
## 🤝 Contributing
Contributions are welcome! Feel free to submit pull requests or open issues to help make this app even better.
## 📝 License
This project is licensed under the **ISC License**.
## 👨💻 Author
Built with ❤️ by **Harsh Pandhe**. Feel free to connect or share your thoughts!