I with my team, have created almost a fully functional and responsive clone of the Ecommerce website ESQIDO with the help of React and Chakra UI, and for data, we used Json server.

Team :

• Sushant Kumar

• Ankit Rana

• Shivani Kumari

• Ashish Saini

• Prachi Sahu

Links :

GitHub: GitHub

Deployed: EsquidoClone

TechStack 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 on the website.

Landin Page

• The Homepage of our cloned website is loaded with different animations and shows the various products which it offers.

• The top section of the Home Page has a Search box from where the user can search for any specific product, at bottom of the page there is a footer.

• There is also an account section for user details, and from there, users can Sign up or log in to the website.

• Cart is also present on this page; users can directly check cart items from the Landing page itself.

  

Sign Up & Login Page

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

  

Product Page

• In this section each product of the website is available and the user can select any specific product and can add it to the cart.

• It also offers a filter and sort option for searching specific items.

• We have also applied pagination to show a specific number of products on each page

  

  

Cart Section

• On every page, the user can access the cart section through Navbar.

• Users can add items to the cart and can also delete them if needed. We have also added a Coupon feature through the cart section.

  

Checkout Page

• On this page, users can check cart items and can add addresses for purchasing those items. Users can fill in their card details through a Debit card when making a payment through the payment page.

  

Thank You

 Sushant Kumar