Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahulagrawal084/e-commerce
The application showcases a robust e-commerce platform where users can browse products, add them to their cart, and proceed to checkout
https://github.com/rahulagrawal084/e-commerce
bootstrap expressjs html-css-javascript jwt-authentication mern mongodb mongoose nodejs reactjs redux tailwindcss
Last synced: 1 day ago
JSON representation
The application showcases a robust e-commerce platform where users can browse products, add them to their cart, and proceed to checkout
- Host: GitHub
- URL: https://github.com/rahulagrawal084/e-commerce
- Owner: rahulagrawal084
- Created: 2024-08-28T09:05:02.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-08-28T17:35:01.000Z (about 1 month ago)
- Last Synced: 2024-09-26T19:22:20.319Z (1 day ago)
- Topics: bootstrap, expressjs, html-css-javascript, jwt-authentication, mern, mongodb, mongoose, nodejs, reactjs, redux, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 19.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Commerce App
This is a full-stack e-commerce application developed following the tutorial by Dynamic Coding (Amit) on YouTube. The application showcases a robust e-commerce platform where users can browse products, add them to their cart, and proceed to checkout.
# Key Features
* **User Authentication:** Secure user registration, login, and session management.
* **Product Management:** View, filter, and search for products with various categories.
* **Shopping Cart:** Add, remove, and update items in the shopping cart.
* **Checkout Process:** Manage the checkout process with payment integration (e.g., Stripe).
* **Order Management:** View order history and manage order details.
* **Responsive Design:** Fully responsive design for a seamless experience across devices.
# Technologies Used
* **Frontend:** React.js for dynamic and responsive user interfaces.
* **Backend:** Node.js and Express.js for handling API requests and server-side logic.
* **Database:** MongoDB for storing user data, product details, and order information.
* **Authentication:** JSON Web Tokens (JWT) for user authentication and authorization.
* **Payment Integration:** Stripe (or similar) for secure payment processing.
* **State Management:** Redux for managing global state in the application.
# Installation
**1. Clone the Repository:**
* git clone https://github.com/yourusername/e-commerce-app.git
* cd e-commerce-app
**2. Install Dependencies:**
For the backend:
* cd backend
* npm install
For the frontend:
* cd frontend
* npm install
**3. Environment Variables:**
Create a .env file in both the backend and frontend directories with the required environment variables:
backend .env:
* FRONTEND_URL=your_frontend_url
* MONGODB_URI=your_mongodb_uri
frontend .env:
* REACT_APP_ADMIN_EMAIL=your_admin_email
* REACT_APP_BACKEND_URL=your_backend_url
**4. Start the Development Servers:**
For the backend:
cd server
npm run dev
For the frontend:
cd client
npm start
# Usage
* Open your browser and go to http://localhost:3000 to access the application.
* Register or log in to start using the app.
* Browse products, add them to your cart, and complete the purchase.
# Screenshots
