YanaLysukha
commented
5 months ago CrossCheck Criteria (365 points): ✔️
1. Display Product List (45 points) 📋
- (25 / 25 points) Use the commercetools API to fetch a list of products with essential details, such as name, image, and description. RSS-ECOMM-3_01 💻
- (20 / 20 points) Display prices with and without discount for discounted products, ensuring that the discounted price is visually distinct and clearly indicates that it is the current price. RSS-ECOMM-3_02 💵
2. Product Filtering, Sorting, and Searching (65 points) 🔍
- (30 / 30 points) Utilize the commercetools API to offer robust filtering options for users to refine the product list based on attributes such as price range, brand, color, size, or other relevant characteristics. RSS-ECOMM-3_03 🗂️
- (15 / 15 points) Enable users to sort the product list by various properties, such as price and name. RSS-ECOMM-3_04 🔄
- (20 / 20 points) Implement an efficient and user-friendly search feature that allows users to quickly find and display relevant products based on their search query using the chosen API. RSS-ECOMM-3_05 🔎
3. Interactive Product Cards (15 points) 🃏
- (10 / 10 points) Design product cards that change their appearance when the user hovers over them, enhancing the browsing experience. RSS-ECOMM-3_06 👆
- (5 / 5 points) Upon clicking a product card, redirect the user to a detailed product information page for the selected product. RSS-ECOMM-3_07 🖱️
4. Category Navigation (25 points) 🧭
- (25 / 25 points) Implement easy-to-use and clear navigation options for users to explore and switch between different product categories or subcategories using the commercetools API. RSS-ECOMM-3_08 🗺️
Detailed Product Page Implementation (100 points - Total) 🔎
1. Display Product Information (65 points) 📝
- (25 / 25 points) Use the commercetools API to fetch and display the product name, description, and images on the Detailed Product page. RSS-ECOMM-3_09 🖼️
- (25 / 25 points) Implement an image slider for product images fetched from the chosen API, allowing users to view multiple images of the product. RSS-ECOMM-3_10 🎞️
- (15 / 15 points) Display the product price fetched from the chosen API, and if the product is on sale, display both the original and discounted prices. RSS-ECOMM-3_11 💰
2. Enlarged Image Modal with Slider (35 points) 🖼️🔍
- (20 / 20 points) Allow users to click on the product image to open an enlarged version of the image in a modal window. RSS-ECOMM-3_12 🔍
- (15 / 15 points) Enable users to navigate through all product images from the commercetools API using a slider inside the modal window. RSS-ECOMM-3_13 🚀
User Profile Page Implementation (70 points - Total) 👥
1. Display User Profile Information (30 points) 📋
- (10 / 10 points) Present the user's personal information, including first name, last name, date of birth, and a list of their addresses in the User Profile page. RSS-ECOMM-3_14 📄
- (20 / 20 points) Provide a user-friendly interface for users to switch to an edit mode, where they can update their personal details, email, and addresses. RSS-ECOMM-3_15 ✏️
2. Edit User Profile Information (40 points) ✏️
Комментарий:
-
при изменении емейла на уже существующий появляется модальное окно с успешным изменением данных, хотя это ошибочно
-
(8 / 10 points) In the edit mode, allow users to update their personal information, including first name, last name, and date of birth and email. RSS-ECOMM-3_16 ✍️
Комментарий:
- та же самая ошибка что и с емейлом: при введении неверного пароля отображается сообщение об успешном изменении
- (12 / 15 points) Enable users to change their password. RSS-ECOMM-3_17 🔑
- (15 / 15 points) Allow users to manage their addresses, including adding new addresses, deleting existing ones, and updating address details. RSS-ECOMM-3_18 🏠
Routing Implementation (40 points - Total) 🛣️
- (25 / 25 points) Implement routing for navigation between Catalog page, Product detail page. RSS-ECOMM-3_19 🚦
- (15 / 15 points) Implement routing for navigation to User Profile page. RSS-ECOMM-3_20 🚧
Evaluation Criteria for Header (10 points - Total) 🖥️
- (5 / 5 points) Consistent header layout with necessary information like branding and user navigation across all the pages. RSS-ECOMM-3_21 📐
- (5 / 5 points) User Profile link or button in the header, enabling navigation to User Profile page. RSS-ECOMM-3_22 ➡️
Penalties for Cross-Check Criteria (70 points - Total): ❌
-
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. 📱🖥️🛑
-
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. 🐛🔍🛑
-
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. 📊❌🛑
Student Discord: @letmezep Solution: https://ecommerce-app-mammagamma.netlify.app/