review Elizaveta Zakharova

[vadim-mg]

Student Discord: @tabrisel Solution: https://e3lab-final.netlify.app/

[YanaLysukha]

CrossCheck Criteria (282 / 285 points): ✅

1. Interactive Product Cards (10 points) 🖼️👆

• (10 / 10 points) 🎯 Include an "Add to Cart" button on each product card. RSS-ECOMM-4_01

2. Shopping Cart Integration (35 points) 🛒➕

• (35 / 35 points) 🎯 Integrate the Catalog Product page with the chosen API (commercetools or any other simple API) to enable users to add products to their shopping cart directly from the product list 📝🛒. RSS-ECOMM-4_02

3. Performance Optimization (25 points) 🚀💡

• (25 / 25 points) 🎯 Implement lazy loading ⏳, pagination 📄🔍, or infinite scroll 🔄 to efficiently load and display a large number of products without significant delays or performance issues, leveraging the commercetools API for product data retrieval 🌐🛠️. RSS-ECOMM-4_03

1. Add or Remove Product from Cart (30 points) 🛒🔄

• (15 / 15 points) 🎯 If the product is not already in the user's shopping cart 🛒, provide an "Add to Cart" button that adds the product with the selected options to their cart using the commercetools API 🌐. RSS-ECOMM-4_07
• (15 / 15 points) 🎯 If the product is already in the user's shopping cart 🛒, provide a "Remove from Cart" button that allows users to remove the product from their cart using the commercetools API 🌐. RSS-ECOMM-4_08

Basket Page Implementation (110 points - Total) 🛒🌟

1. Display Basket Items (25 points) 📝👜

• (25 / 25 points) 🎯 Use the commercetools API 🌐 to fetch and display the list of items added to the basket along with essential details such as the name, image, and price 💲. RSS-ECOMM-4_10

2. Modify Product Quantity (15 points) 📊🔢

• (15 / 15 points) 🎯 Allow users to modify the quantity of each product in the cart, updating the corresponding data using the commercetools API 🌐 and recalculating the total cost accordingly 💲. RSS-ECOMM-4_11

3. Remove Product from Cart (15 points) ❌👜

• (15 / 15 points) 🎯 Provide a "Remove from Cart" button for each product, enabling users to delete items from the cart and updating the cart data using the commercetools API 🌐. RSS-ECOMM-4_12

4. Recalculate Total Cost (15 points) 🧮💲

• (15 / 15 points) 🎯 Automatically recalculate the total cost of the items in the shopping cart when users modify product quantities or remove items from the cart, using the updated data from the commercetools API 🌐. RSS-ECOMM-4_13

5. Display Empty Cart Message and Link to Catalog (10 points) 🚫🛒🔗

• (5 / 5 points) 🎯 When the shopping cart is empty, display a clear message 🚫 indicating the cart is empty. RSS-ECOMM-4_14
• (5 / 5 points) 🎯 Provide a link to the catalog of products within the empty cart message, guiding users to easily continue shopping 🛍 and explore other parts of the website 🌐. RSS-ECOMM-4_15

6. Apply Promo Code and Display Updated Prices (20 points) 🏷💲

• (15 / 15 points) 🎯 Implement a feature that allows users to apply a promo code 🏷 to their order, offering discounts on eligible items, and updating the total cost of the cart accordingly 💲 using the commercetools API 🌐. RSS-ECOMM-4_16
• (5 / 5 points) 🎯 Display both the original price and the discounted price after applying the promo code, ensuring that the two prices are visually distinct 👀💲. RSS-ECOMM-4_17

7. Clear Shopping Cart (10 points) 🧹🛒

• (7 / 10 points) 🎯 Provide a "Clear Shopping Cart" button that removes all items from the user's shopping cart and updates the cart data using the commercetools API 🌐. RSS-ECOMM-4_18 Комментарий:
• при нажатии на кнопку "очистить корзину" не отображается подтверждение

About Us Page Implementation (35 points - Total) 🤝🎉

1. Introduction to the Development Team (25 points) 👩‍💻👨‍💻

• (25 / 25 points) 🎯 Create a comprehensive introduction to the development team, highlighting each member's contributions to the project 🛠, their effective collaboration methods 🤝, as well as personal details such as names, roles, short bios, relevant photos 📷, and GitHub profile links 🌐. RSS-ECOMM-4_19

2. RS School Logo and Link (10 points) 🏫🔗

• (10 / 10 points) 🎯 Feature and link the RS School logo 🏫 on the "About Us" page, making it visible and recognizable 👁, and allowing users to learn more about the educational program by linking it to the school's website 🌐. RSS-ECOMM-4_20

Routing Implementation (20 points) 🗺🔀

• (10 / 10 points) 🎯 Implement routing for seamless navigation 🚀 to the Basket page 🛒 from all other pages, ensuring that the Basket page is accessible whether the user is logged in or not 🔒 and supporting browser navigation buttons ⏩. RSS-ECOMM-4_21
• (10 / 10 points) 🎯 Implement routing for seamless navigation 🚀 to the About Us page 🤝 from all other pages, ensuring that the About Us page is accessible whether the user is logged in or not 🔒 and supports browser navigation buttons ⏩. RSS-ECOMM-4_22

Evaluation Criteria for Header (20 points) 🎩🛠

• (15 / 15 points) 🎯 Implement a basket icon 🛒 in the header navigation, providing a link to the Basket page and displaying the quantity of items in the cart 🔢. RSS-ECOMM-4_23
• (5 / 5 points) 🎯 Incorporate an icon or link 🖱 in the header navigation leading to the About Us page 🤝. RSS-ECOMM-4_24

Penalties for Cross-Check Criteria (70 points - Total): ❌

1. Absence of Responsive Application Design (20 points): If the application does not provide a responsive layout suitable for various devices and screen sizes, a penalty of 20 points will be applied. 📱🖥️🛑

2. Errors in the Console (20 points): Except for request errors, console errors, including favicon error, will result in a penalty of 20 points. Ensure your code is debugged and free of unnecessary errors for a smooth user experience. 🐛🔍🛑

3. Usage of Data from commercetools-sunrise-data (30 points): If a project is found to be using data directly from commercetools-sunrise-data, a penalty of 30 points will be applied. The intent is to encourage developers to use unique data sources and avoid ready-made datasets. 📊❌🛑