Esqido Clone Using React & Chakra UI

Tech Stack Used

To clone the site we have coded everything from scratch using fundamental tools of Web Development, which are mentioned below : 1. React library 2. Chakra UI Also used Json Sever for fetching data to show over the website.

Landing Page

1.The Homepage of our cloned website is loaded with different animations and shows the various products which it offers. 2.The top section of Home Page has a Search box from where user can search any specific product, at bottom of page there is a footer. 3.There is also an account section for user details, and from there user can Sign up or Login to the website. 4.Cart is also present at this page and user can directly check items of cart from Landing page itself.

"HomePage"

Sign Up & Login Page

1.We have developed login and sign up feature for users visiting our website. This has been achieved by using Local Storage for storing details of each user.

Product Page

1.In this section each product of website is available and user can select any specific product and can add to cart. 2.It also offers filter and sort option for searching specific item. 3.We have also applied pagination to show specific number of product on each page

Cart Section

1.At every page user can access cart section through Navbar. 2.User can add items to cart and can also delete if needed. We have also added Coupon feature through Cart section.

Checkout Page

1.On this page user can check cart items and can add address for purchasing those items. Users can fill their card details through Debit card when making payment through payment page.