Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anantduhan/mern-ecommerce
Built a feature-rich e-commerce app with Node.js, MongoDB, React.js, and Redux. Integrated Stripe for payments, advanced product search, an intuitive Admin Dashboard, user reviews, ratings, Wishlist, and coupon code functionality. Conducted backend unit tests with Mocha and Chai. Leveraged AWS-S3 for scalable storage of avatars and product images.
https://github.com/anantduhan/mern-ecommerce
aws-s3 aws-sdk axios chartjs chartjs-linegraph expressjs mongodb mongoose nodejs reactjs redux redux-thunk stripe-payments twilio
Last synced: 5 days ago
JSON representation
Built a feature-rich e-commerce app with Node.js, MongoDB, React.js, and Redux. Integrated Stripe for payments, advanced product search, an intuitive Admin Dashboard, user reviews, ratings, Wishlist, and coupon code functionality. Conducted backend unit tests with Mocha and Chai. Leveraged AWS-S3 for scalable storage of avatars and product images.
- Host: GitHub
- URL: https://github.com/anantduhan/mern-ecommerce
- Owner: AnantDuhan
- Created: 2022-03-20T12:52:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-04T08:26:10.000Z (12 months ago)
- Last Synced: 2023-12-04T09:27:49.417Z (12 months ago)
- Topics: aws-s3, aws-sdk, axios, chartjs, chartjs-linegraph, expressjs, mongodb, mongoose, nodejs, reactjs, redux, redux-thunk, stripe-payments, twilio
- Language: JavaScript
- Homepage:
- Size: 16.9 MB
- Stars: 4
- Watchers: 1
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Order Planning - An E-commerce Platform
This full-stack e-commerce application is built using cutting-edge technologies to provide users with a seamless shopping experience. Below are some key features and technologies used in the development:
## Features
- **Browse and Shop:**
- Buyers can explore store categories, products, and brands.
- Intuitive filtering options for price, rating, and categories to enhance the search experience.
- **Admin Dashboard:**
- Comprehensive **admin dashboard** to manage and control various components of the store.
- **User Engagement:**
- Enabled user **reviews**, **ratings**, and **Wishlist** features to enhance user interaction.
- **Payment Integration:**
- Integrated **Stripe** for secure and convenient payment processing.
- **Additional Functionality:**
- Implemented advanced product **searching** and **filtering** functionalities.
- Integrated **coupon code** functionality for discounts.
- Seamless **return** and **refund** features for a smooth user experience.
- Increased Performing performance by **85%** using **caching**.
- **Upcoming Features:**
- Adding more **filtering functionalities** for the products.
- Adding **Google OAuth, OTP Based Login** to the users.
- Adding **subscription** functionality using **Stripe membership** for users.
- Adding **Multilingual** Support for the users of different languages.
- Adding **Recommendation System** for the users to help them shop better with suggesstions.
## Technologies Used
- **Backend:**
- Node.js provides the backend environment.
- Express middleware handles requests, routes, and user authentication.
- MongoDB with Mongoose schemas models the application data.
- **Frontend:**
- React.js for building dynamic and responsive UI components.
- Redux for managing the application's state.
- Redux Thunk middleware for handling asynchronous redux actions.
- **Testing:**
- Unit tests performed using Mocha and Chai in the backend to ensure robust code quality.
- **Storage:**
- AWS-S3 utilized for efficient storage of user avatars and product images, ensuring scalability and performance.
## Install
Some basic git commands are:
```git
$ git clone https://github.com/AnantDuhan/MERN-Ecommerce.git
$ cd MERN-Ecommerce
$ npm install
```
**For Backend** - `npm install`
**For Frontend** - `cd frontend` `npm install`
## Env Variables
Make Sure to Create a config.env file in backend/config directory that include:
- DB_URI & JWT_SECRET_KEY & JWT_EXPIRES_IN
- PORT, FRONTEND_URL & RESULT_PER_PAGE
- STRIPE_PUBLISHABLE_KEY & STRIPE_SECRET_KEY
- COOKIE_EXPIRES
- SMTP_HOST, SMTP_PORT & SMTP_SERVICE
- SMTP_MAIL & SMTP_PASSWORD
- AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY, AWS_BUCKET_NAME & AWS_BUCKET_REGION
## Heroku Deployment
```
> Create a Procfile in the root directory of your application with the following command **web: npm run start:production**
```
## Simple build for production
```
$ npm run production
```
## Run the application for development
**for frontend**
```
$ npm start
```
**for backend**
```
$ npm run dev
```
## Run the application for production
```
$ npm run start:production
```
## Languages & tools
- [Mongoose](https://mongoosejs.com/)
- [Express](https://expressjs.com/)
- [React](https://reactjs.org/)
- [Node](https://nodejs.org/en/)
- [AWS-S3](https://aws.amazon.com/s3/)
- [Stripe](https://dashboard.stripe.com/dashboard)
## Code Formatter
- Add a `.vscode` directory
- Create a file `settings.json` inside `.vscode`
- Install Prettier - Code formatter in VSCode
- Add the following snippet:
```json
{
"editor.formatOnSave": true,
"prettier.singleQuote": true,
"prettier.arrowParens": "avoid",
"prettier.jsxSingleQuote": true,
"prettier.trailingComma": "none",
"javascript.preferences.quoteStyle": "single"
}
```