BoikoYV / online-shop-react

Adaptive online store of goods for pets 🐶🏠 React, Redux

Adaptive Online Store of goods for pets 🐶🏠

React (React Roating, React Hooks), Redux (Thunk), Formik, Yup, SCSS, CSS modules

📝The project is still in development

At the end of the file you can find features which i want to add

Live Demo

📚About the project

Online store of houses for pets consists of 4 pages:

• Home (Catalog);
• Cart;
• Favorites;
• 404;

💻 Home page

---

🛒 Cart page

---

⭐️ Favourite page

---

🔎 404 page

---

📘Functional:

• interaction with the cart (adding and removing products);
• interaction with favorites (adding and removing products);
• synchronization of products in the cart, favorites, discount(by entering promocde before purchase) with the Local storage;
• clarifying modal windows before adding and removing products;
• showing skeleton loader using react-content-loader;
• substitute the default image if the product doesn`t have photo;
• selection products` count in the cart and calculation of the total amount of this product;
• block with general information about the order, the total amount;
• the ability to enter a promotional code for a specific discount;
• get guest promocode by clicking on the animated dog;

• checkout modal with information about the order and customer (if there is a lot of information in the modal window, it can be scrolled);
• form of order data information (name , number , where and how to deliver) with validation;
• unit tests of most used components: modal and buttons, using Jest and testing-library;

🎥 App video demo:

2021-10-31.21.35.15.mp4

📒The following features are planned to be added:

• page of 1 product;
• main page with slider;
• change skeleton loader grid on mobile devices