Ecommerce_ITI_Project

A project for HTML, CSS, JS part at ITI Summer Training "Python Full Stack".

Fashion Store

Welcome to the Fashion Store project! This is a sample e-commerce website that showcases products, allows users to add items to their cart, and provides a slider for product highlights.

Live Demo

You can view the live demo of the project here.

Features

• Product Slider: A carousel slider to showcase featured products.
• Product List: A grid layout displaying various products with an "Add to Cart" button.
• Shopping Cart: Users can view and manage their cart, including adding and removing items.
• Checkout: An option to checkout and clear the cart with a success message.
• Scroll to Top Button: Easily navigate back to the top of the page.
• Form Validation: Simple registration form with validation for email and phone number.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/fashion-store.git

2. Navigate to the project directory:

   cd fashion-store

3. Open the index.html file in your web browser to view the website.

Usage

1. Slider: The slider automatically rotates through the featured products every 3 seconds. You can manually navigate through the slides if you add navigation buttons.

2. Add to Cart: Click the "Add to Cart" button on any product to add it to your cart. A message will appear confirming the addition.

3. View Cart: Click the "Cart" link in the navigation bar to view the cart. You can remove items or proceed to checkout.

4. Checkout: Click the "Checkout" button in the cart to empty it and display a success message.

5. Scroll to Top: Click the scroll-up button (an arrow) at the bottom left to quickly return to the top of the page.

Development

• HTML: Structure and content of the website.
• CSS: Styling and layout adjustments.
• JavaScript: Interactivity, including the slider, cart functionality, and form validation.

License

This project is licensed under the ITI License.