Welcome to my website, a lightweight, fast, and responsive full-stack e-commerce web application. This project provides product listings, shopping cart functionality, order processing, and user authentication.
E-commerce Starter is a full-stack web application built with Express.js and MongoDB for the backend, and HTML, CSS, and JavaScript for the frontend. It allows users to browse products, view details, add items to a cart, and place orders. This project serves as a base template for building scalable e-commerce applications.
- Product Listings: Display all available products with images, prices, and descriptions.
- Product Details Page: View more information about a single product.
- Shopping Cart: Add, update, and remove products from the cart.
- Order Processing: Place orders and store them in the database.
- User Authentication: User registration and login with JWT authentication.
- Responsive Design: Works seamlessly on desktop and mobile.
- HTML
- CSS
- JavaScript
- Node.js
- Express.js
- MongoDB with Mongoose
To get started, follow these steps:
- Clone this Github repository.
- Navigate to the "backend" folder and run the following commands
npm installnpm run seednpm startThis should start your backend. - Open frontend/index.html in your browser.
- Browse the product listing on the home page.
- Click View to see product details.
- Add items to your shopping cart.
- Go to the cart and place your order.
- Register or log in to manage orders securely.
- Payment Integration: Add Stripe or PayPal checkout.
- Admin Dashboard: Manage products, users, and orders.
- Search & Filters: Improve product discovery.
- Wishlist: Let users save products for later.
- Cloud Image Uploads: Upload product images via Cloudinary.