Welcome to My E-Store, a simple e-commerce website built using HTML, CSS, and JavaScript. This project demonstrates how to create a dynamic shopping experience with product listings, a product details page, and a shopping cart functionality.
You can view the live project here.
- Home Page: A welcoming section with featured products.
- Product Filtering: Filter products by category to find exactly what you're looking for.
- Product Details: Click on a product to view details, including price, description, and ratings.
- Shopping Cart: Add items to your cart, view cart contents, and see the total price.
- Responsive Design: Optimized for both desktop and mobile devices.
- Theme Toggle: Switch between light and dark themes.
- HTML5: For the structure of the website.
- CSS3: For styling and layout.
- JavaScript: For dynamic content and interactivity.
- Font Awesome: For icons.
- Google Fonts: For custom typography.
- Fake Store API: To fetch product data.
Make sure you have a modern web browser installed.
- Clone this repository:
git clone https://github.com/Krishnapal-rajput/E-Store-Normal.git
- Navigate to the project directory:
cd my-e-store
- Open
index.html
in your web browser to view the project.
- Browse products on the home page.
- Use the filter dropdown to narrow down product categories.
- Click on a product to view more details and add it to your cart.
- Access the shopping cart to view items added and their total price.
- Implement user authentication and profiles.
- Add functionality for updating item quantities in the cart.
- Enhance accessibility features.
- Improve error handling for API requests.
Contributions are welcome! Please feel free to open issues or submit pull requests.
This project is licensed under the MIT License. See the LICENSE file for details.
- Fake Store API for providing product data.
- Font Awesome for icons.
- Google Fonts for typography.