Welcome to the E&H E-Commerce platform! This FullStack application is designed to provide a comprehensive and secure online shopping experience. From user authentication to seamless payment processing, this platform encompasses a wide range of features for both users and administrators.
🚀 Live Demo: Explore the E&H E-Commerce platform here.
🚀 Live Demo For Admin Dashboard: Explore the E&H E-Commerce Admin Dashboard here.
🔗 Backend Repository: Delve into the backend magic at E-commerce-backend.
- ReactJS
- Styled Components with Material UI
- Redux and Redux Persist for efficient state management
- Express framework for server-side CRUD operations (MVC architecture)
- MongoDB with Mongoose schema for data modeling
- JWT for secure authentication and authorization
- Stripe API for payment processing
- GitHub for source code management
- Vercel for frontend deployment
-
User Authentication:
- Users can securely register and log in with JWT and refresh tokens.
-
Order Processing:
- Seamless order processing with Stripe integration for card payments.
-
Shopping Cart:
- Users can easily add products to their cart and remove them.
-
Product Filtering:
- Filter products by color, size, and price (high or low).
Note: This project requires environment variables for configuration, including database connection details and other sensitive information. As the .env file is not included in this repository for security reasons, you will need to set up your environment variables.
- Node.js installed
- Git installed
- MongoDB installed (for backend)
-
Clone the client repository:
git clone https://github.com/EmadHussien/E-commerce-Client.git
-
Install client dependencies:
cd E-commerce-Client npm install
-
Clone the backend repository:
git clone https://github.com/EmadHussien/E-commerce-backend.git
-
Install backend dependencies:
cd E-commerce-backend npm install
Client (Frontend)
cd E-commerce-Client
npm start
Access the client app at http://localhost:3000.
Backend
cd E-commerce-backend
npm start
Ensure MongoDB is running with your environment . The backend will be available at http://localhost:5000.
- Frontend Deployment (Vercel): here.
- Thanks to React for the powerful user interface library.
- Special thanks to Stripe for seamless payment processing.
Explore the E&H E-Commerce platform and redefine your online shopping experience!
![](https://private-user-images.githubusercontent.com/31719363/289506836-001c48c8-e832-45bc-8d0c-96e8706c4c85.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU2NDk0NzIsIm5iZiI6MTcyNTY0OTE3MiwicGF0aCI6Ii8zMTcxOTM2My8yODk1MDY4MzYtMDAxYzQ4YzgtZTgzMi00NWJjLThkMGMtOTZlODcwNmM0Yzg1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTA2VDE4NTkzMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4M2I1ZTI4NTU3YWEzY2YyZWIyMWIzMTI1NzAzMWIxN2Q0MDk5NGNlOTI2ZmI1MzgyN2NmZjQzZmYxMjVmNjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.WqEaSaRiZPdZvSN2a3RizvBCYsT10wizIAOSscAugDc)