Zakir Leathers is an e-commerce website built as a personal project using vanilla HTML, CSS, and JavaScript. The goal of this project was to showcase my skills and polish my front-end development abilities.
Getting Started To get started, simply clone or download the repository to your local machine. You can then open the index.html file in your browser to view the website.
bash Copy code git clone https://github.com/your-username/ecommerce-website.git
Features This e-commerce website includes the following features:
Responsive design that adapts to different screen sizes. Navigation menu with dropdown functionality for product categories. Product listing page with the ability to filter products by category and sort by price. Product detail page with product information, image gallery, and related products. Shopping cart page where users can add and remove items, update quantities, and see their total. Checkout page where users can enter their billing and shipping information and complete their purchase. Confirmation page that displays a summary of the order and a thank you message.
Screenshots Here are some screenshots of the website:
Homepage
Product Listing
Product Detail
Shopping Cart
Checkout
Confirmation
Technologies Used This project was built using the following technologies:
HTML5 CSS3 JavaScript(ES6)
Future Improvements
While this e-commerce website is fully functional, there are several improvements that could be made in the future:
Adding more products and categories to the database. Implementing a search functionality for products. Allowing users to create accounts and save their information for future purchases. Implementing a payment gateway for online payments. Improving the design and user interface.
Credits The product images used in this project are from Pexels.
License This project is licensed under the MIT License - see the LICENSE file for details.