KOOVS Clone Front-End Project
Welcome 👋
About this project: 🙌
This is a team project, built by us in the Construct Week - Unit 2 at Masai School.
Our Team Members ❤️
Demo Link 👇
Pages & Features 👇
Home Page: Common Nav Bar for all pages.Sign-Up: User sign up to be done by local storage.Sign-In: User authentication to check whether user data match with existing data or not.Product Category Page: New products created dynamically with filter by price and category.Product Details Page: Details of single products.Wishlist: Implemented a wishlist to save items the user likes.Cart: User can see or remove products added in the cart and apply discount coupons.Checkout Page: Users can add the delivery address.Payment Page: Users can add their payment details.Order Successful: Cart gets empty automatically in local storage, once the user lands on this page.Additional Features: Kept the branding, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.
Tech Stack Used 🔧
HTMLCSSJavaScript
How To Use ✅
First you have to have to go to the Home Page. There you have to click on account icon to get to the sign up & login page. There you can explore the home page or go to the New section on the sidebar to browse products. The products can be sorted according to Categories & Price. Click on heart icon to add item to wishlist or to go to its product page click on the product image there you can add it to cart by clicking on the add to cart button. You can add multiple items to the cart. Then click on cart to check out which is a pop-up slider. Then Proceed to cart page where coupouns can applied or items can be deleted. To proceed to checkout click on Proceed to Checkout button on the top of cart which will redirect you to address page where address details can be added. After clicking on proceed to buy we get redirected to Payment page where card details can be added and buying process can be completed.