This is an E-commerce website built using Vite and Vanilla JavaScript. The application features a responsive design, cart functionality, and a custom API for fetching product details. It is deployed on Vercel and includes user-friendly features such as adding/removing products from the cart and adjusting product quantities.
-
Responsive Design: The website adapts to various screen sizes for an optimal user experience.
-
Cart Functionality:
- Add to Cart: Users can add products to their shopping cart.
- Remove from Cart: Users can remove products from their cart.
- Increment/Decrement Count: Users can adjust the quantity of each product in the cart.
-
Custom API: The application uses a custom API to fetch product details dynamically.
-
Toast Notifications: The website provides toast notifications for actions like adding or removing items from the cart, enhancing user experience.
- HTML5
- CSS3
- JavaScript (Vanilla)
- Vite: A build tool that enhances development speed with features like Hot Module Replacement (HMR).
- Vercel: For deployment.
To set up the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/shamshir-hussain/ecommerce.git cd ecommerce -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173/to view the application.
- Navigate through the product listings.
- Click on a product to view details and add it to your cart.
- Use the cart icon to access your shopping cart, where you can modify item quantities or remove items.
- Toast notifications will appear to confirm actions taken.
The application is deployed on Vercel. You can view the live version at [https://ecommerce-eta-seven-82.vercel.app/].
Contributions are welcome! Please fork the repository and submit a pull request for any improvements or features.
- Thanks to the Vite community for their support and resources.
- Inspiration from various e-commerce projects and tutorials.