Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anuragsingh6886/e-commerce-app-mern
a full-stack web application using the latest web development technologies.
https://github.com/anuragsingh6886/e-commerce-app-mern
javascript mongodb nextauth nextjs nodejs reactjs sass tailwind vercel
Last synced: 5 days ago
JSON representation
a full-stack web application using the latest web development technologies.
- Host: GitHub
- URL: https://github.com/anuragsingh6886/e-commerce-app-mern
- Owner: anuragsingh6886
- License: mit
- Created: 2024-02-19T07:01:34.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-01-24T19:47:13.000Z (18 days ago)
- Last Synced: 2025-01-24T20:27:59.553Z (18 days ago)
- Topics: javascript, mongodb, nextauth, nextjs, nodejs, reactjs, sass, tailwind, vercel
- Language: JavaScript
- Homepage: https://e-commerce-app-frontend-gjl2.onrender.com/
- Size: 8.97 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## E-commerce Application - MERN
### Overview
- This is a scalable, user-friendly e-commerce platform built from scratch to handle a wide range of products, process secure transactions, and provide an excellent user experience for customers and administrators.
- Admin Portal: https://e-commerce-app-mern-admin.vercel.app/
- User Website: https://e-commerce-app-mern-navy.vercel.app/
### Features
- User-friendly interface for customers to browse and purchase products
- Secure transaction processing using multiple payment gateway
- Admin dashboard for managing products, orders, and customer information
- Support for multiple product categories and subcategories
- Product filtering and sorting by price, brand, and rating
- Customer reviews and ratings
- Order tracking and history
- Secure user authentication and authorization
### Technologies Used
- Frontend: React, Redux, React Router, Bootstrap, SCSS
- Backend: Node.js, Express, MongoDB
- Payment Gateway: [insert payment gateway]
- Authentication: Google OAuth
## Getting Started
### Prerequisites
- Node.js (version 14 or higher)
- MongoDB (version 4 or higher)
- Google OAuth credentials (for authentication)
- VS Code or Any Code Editor
- Vercel Account for Hosting Site
### Installation
- Clone the repository: git clone [https://github.com/[anuragsingh6886]/e-commerce-app-mern.git](https://github.com/anuragsingh6886/e-commerce-app-mern)
- move to backend folder to install dependencies
`cd backend
npm install`
- Start the backend server: `npm run start`
- move to frontend folder to install dependencies
`cd frontend
npm install`
- Start the frontend server: `npm run start`
### Configuration
- Create a .env file in the root directory with the following variables:
- MONGO_URI: MongoDB connection string
- GOOGLE_OAUTH_CLIENT_ID: Google OAuth client ID
- GOOGLE_OAUTH_CLIENT_SECRET: Google OAuth client secret
- PAYMENT_GATEWAY_API_KEY: Payment gateway API key
### Contributing
Contributions are welcome! Please submit a pull request with a clear description of the changes made.
### License
This project is licensed under the MIT License.
### Acknowledgments
Figma design inspiration: [Ecommerce Web UI Kit (Community)](https://www.figma.com/design/Q0cHGGQc7Y7uLxJQwTik8X/Ecommerce-Web-UI-Kit-(Community)?node-id=92-229&node-type=canvas&t=BPCgQLqs4UHunCM3-0)
Backend database Flow:
controller (first interaction point) --> Service (api logic layer) --> Repository (db query layer) --> models (table replica - DB)
for hosting backend
- https://www.youtube.com/watch?v=cVEOhgPziO8
- https://dashboard.render.com/web/new?newUser=true