Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/faanid/mern-ecommerce
Javascript - Reactjs- Redux - Rest API - MongoDB - Expressjs - backend and frontend
https://github.com/faanid/mern-ecommerce
api bakcend express frontend javascript mongodb-database reactjs rest-api
Last synced: about 16 hours ago
JSON representation
Javascript - Reactjs- Redux - Rest API - MongoDB - Expressjs - backend and frontend
- Host: GitHub
- URL: https://github.com/faanid/mern-ecommerce
- Owner: faanid
- Created: 2024-05-15T15:57:49.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-12T16:56:54.000Z (15 days ago)
- Last Synced: 2024-09-23T01:31:17.964Z (4 days ago)
- Topics: api, bakcend, express, frontend, javascript, mongodb-database, reactjs, rest-api
- Language: JavaScript
- Homepage:
- Size: 2.36 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN E-commerce
## Overview
This is a full-stack E-commerce application built with the MERN stack (MongoDB, Express.js, React, and Node.js). It provides a platform where users can browse products, make purchases, and manage their accounts, while admins and merchants can manage product listings and track orders.
## Features
- **User Management:** Register, login, and manage user profiles.
- **Product Management:** View product listings with categories and search functionality.
- **Shopping Cart:** Add products to the cart and proceed with the checkout.
- **Payment Integration:** Secure payment gateway using Stripe/PayPal.
- **Order Management:** Track orders and view order history.
- **Admin Dashboard:** Manage products, categories, users, and orders.
- **Responsive UI:** Optimized for both desktop and mobile devices.
## Tech Stack
- **Frontend:** React.js, Redux for state management, React Router for navigation.
- **Backend:** Node.js, Express.js for building REST APIs, Mongoose for MongoDB interactions.
- **Database:** MongoDB for storing user, product, and order information.
- **Authentication:** JSON Web Tokens (JWT) for secure authentication.
- **Payment Gateway:** Stripe/PayPal for processing payments.
## Installation
### Prerequisites
- Node.js and npm installed.
- MongoDB installed and running.
### Steps to Install
1. **Clone the repository:**
```bash
git clone https://github.com/faanid/mern-ecommerce.git
cd mern-ecommerce
```
2. **Install backend dependencies:**
```bash
npm install
```
3. **Install frontend dependencies:**
```bash
cd client
npm install
```
4. **Setup environment variables:**
- Create a .env file in the root directory for backend configurations.
- Add the following variables:
```bash
MONGO_URI=your_mongoDB_connection_string
JWT_SECRET=your_jwt_secret
STRIPE_SECRET_KEY=your_stripe_secret_key
```
- Create another .env file inside the client directory for frontend configurations:
```bash
REACT_APP_API_URL=http://localhost:5000/api
```
5. **Run the application:**
```bash
npm run dev
```