We made this entire multipage react website in a week and tried to reach as close as possible to the actual website, it's not fair to say that we have created the same website but from the UI perspective and by concluding all the frontend functionality, yes proudly it is a clone.
-
React.js
-
React-router-dom
-
Redux
-
React-redux
-
JSON server(CRUD)
-
Chakra-UI
-
Axios
-
Redux-thunk
Page created by @Hardeep Siwach with his all efforts. On the landing page, you will see a gorgeous navbar and the poster of the day. The search bar is fully functional and as you click on the cart button you can move to the cart only if you logged in otherwise to the login page first.
A mobile responsive home page -
You have to log in before adding something to the cart but without login, you can scroll through all products.
- This product page was created by @Krishna Chaturvedi, you can see our all products as you wish. Here you can apply different filters and also can sort all products on the basis of newest, featured, low to high, and high to low in price. You can also switch the image view from product to model view with a functional pagination feature and search query updation.
A mobile responsive product page with all multiscreen responsive features.
Page made by Nagendra Choudhary with all his efforts this is fully responsive here you can check all product features and its details and even you can choose same category products too.
This is also a responsive page-
An amazing cart page is made by @charles it has all features of a cart page, increment and decrement of quantity, and sum all the total of all cart items.
It is also a responsive page
This page concludes all the product's sum total and final review that what you are buying.
This page shows all the orders which you have checked out or paid for. you can even sign out from here only.
After working on the project I came to know how important is teamwork. During the making of the project if any member faced any difficulty others always try to help him.
I came to know the real meaning of TEAM:- Together Everyone Achieves More.
Every team member gave his best in order to make the project as good as it could be.
The project repository is available on GitHub.
console.log("Thanks a lots")- Edited by Krishna Chaturvedi