Welcome to My E-Commerce Site! This is a fully functional online store where users can browse products, add them to their cart, and complete purchases. The site is designed with a focus on user experience, scalability, and security.
- Product Catalog: Browse a wide variety of products with detailed descriptions, images, and pricing.
- Search and Filter: Easily search for products or filter them by categories, price, or ratings.
- Shopping Cart: Add products to your cart and view them at any time.
- User Authentication: Secure user registration, login, and account management.
- Frontend: React.js,vite, Bootstrap, CSS
- Backend: Node.js,
- Deployment: Deployed on Vercel
To run this project locally, follow these steps:
- Node.js: Make sure you have Node.js installed on your machine.
- MongoDB/PostgreSQL: Ensure you have a database instance running.
-
Clone the Repository:
git clone https://github.com/durgeshgadekar/my-e-commerce-site.git cd my-e-commerce-site
-
Install Dependencies:
npm install cd client npm install
-
Run the Application:
npm run dev
This will start both the server and the client.
-
Access the App:
https://my-e-commers-site-bkcp.vercel.app/
- Browse Products: Navigate through different categories or search for specific products.
- Add to Cart: Click on "Add to Cart" to add items to your shopping cart.
- Checkout: Go to the cart page and proceed to checkout using your preferred payment method.
- Manage Account: Log in to view your profile, manage your account settings, and view order history.
- client/: Contains the React frontend code.
- server/: Contains the Express backend code.
- models/: Database models for MongoDB/PostgreSQL.
- routes/: API routes for handling backend requests.
- controllers/: Contains the business logic for handling requests.
- middleware/: Custom middleware for handling authentication, errors, etc.
To deploy this application:
-
Set up a production environment on a platform like AWS, Heroku, or Netlify.
-
Update environment variables with production credentials.
-
Build the frontend:
cd client npm run build
-
Deploy the application by following the specific platform's deployment instructions.
- Wishlist: Allow users to save items for later purchase.
- Product Reviews: Enable users to leave reviews and ratings on products.
- Admin Dashboard: Create an admin panel to manage products, orders, and users.
- Multi-language Support: Add support for multiple languages.
- React.js: For providing an excellent framework for building the frontend.
- **Platzi fake /api