Skip to content

Latest commit

 

History

History
136 lines (79 loc) · 11.8 KB

Sprint#4.md

File metadata and controls

136 lines (79 loc) · 11.8 KB
Raw

Sprint 4: Basket Page, Catalog Page Enhancements, and About Us Page Implementation 🚀

In this sprint, the team will concentrate on enhancing the Detailed Product Page 📝🔍, building the Basket page 🛒🛠️, and further enhancing the Catalog page 📚🌟. These enhancements will include features such as a comprehensive view of a product 🕶️🔍 with the option to add 📥 or remove 📤 the product from the cart, increase ⬆️ or decrease ⬇️ the quantity of the product, and display a clear indicator 🚦 if the product is already in the user's shopping cart 🛒.

The team will also work on features for the Basket page 🛒📋 like displaying a list of items 📝📦 added to the basket, increasing ⬆️ or decreasing ⬇️ the quantity of each item, removing items ❌ from the basket, displaying the subtotal 💵 and total prices 💰, and a button 🖲️ for proceeding to the checkout page 💳.

For the Catalog page 📚🌟, we will implement interactive product cards 🖼️👆 and shopping cart integration 🛒➕. All these features should be built using the commercetools API 🛠️🌐 for data retrieval and management. We will also implement performance optimization techniques 🚀💡 such as lazy loading ⏳, pagination 📄🔍, or infinite scroll 🔄 to handle a large number of products efficiently 📈.

🔧 Working with the Repository

  • 📌 Create a new branch for the current sprint (e.g., release/basket-about_us) from develop (branch from sprint #3 should have been already merged to develop).
  • 🔄 Merge all feature branches into the current sprint's branch.
  • 🎁 At the end of the sprint, create a pull request from the current sprint's branch (release/basket-about_us) to the develop branch.
  • ✅ Once the pull request has been reviewed and approved, merge the release/basket-about_us branch into the develop branch.
  • 📧 Share the pull request link with the mentor for review and evaluation.

Evaluation Criteria: 📋

CrossCheck Criteria (285 points): ✅

Catalog Page Enhancements (70 points - Total) 🛒🌟

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

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

2. Shopping Cart Integration (35 points) 🛒➕

  • (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 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

Detailed Product Page Implementation (30 points - Total) 📄🌟

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

  • (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 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 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 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 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 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 points) 🎯 When the shopping cart is empty, display a clear message 🚫 indicating the cart is empty. RSS-ECOMM-4_14
  • (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 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 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) 🧹🛒

  • (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 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 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 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 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 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 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. 📊❌🛑

Please note that these penalties will be deducted from the final score. Strive for high-quality, error-free code and a responsive, user-friendly design for the best outcome. 🌟🏆💪

Mentor Evaluation Criteria (60 points - Total): 👨‍🏫

  1. Code Review Participation (10 points): Students actively participate in code reviews, providing constructive feedback and suggestions to their peers. 🗣️
  2. No Merges Without Approvals (10 points): Pull requests are not merged without approvals from other team members, ensuring the quality of code contributions. 👍
  3. Pull Request Descriptions (10 points): Pull requests include detailed descriptions, outlining the changes made and the purpose of the changes, facilitating better understanding and review. 📝
  4. Task Board Management (10 points): Students maintain and regularly update a task board (e.g., Trello, Jira), ensuring that tasks are moved according to their progress and completion. 📊
  5. Active Participation in Development Discussions (5 points): Students take an active role in discussing the development process, sharing ideas, and collaborating on solutions and improvements. 🗨️
  6. Unit Test Coverage (15 points): The codebase has a minimum of 30% unit test coverage, ensuring the reliability and robustness of the implemented features. ✔️

Penalties for Mentor Evaluation Criteria: ❌

  1. Linter Errors (5 points): If there are errors from the linter, a penalty of 5 points will be applied. Ensure that you follow the linter rules to maintain high code quality. 🛠️📝🛑

  2. Prettier Errors (5 points): If there are formatting errors detected by Prettier, a penalty of 5 points will be applied. It's important to adhere to established formatting conventions for clean, readable code. 📐✍️🛑

  3. Presence of 'any' (5 points): The use of 'any' in TypeScript can lead to potential typing issues and is generally discouraged. A penalty of 5 points will be applied if 'any' is found in the code. 🚫🔍🛑

  4. Non-functional Scripts in package.json (5 points): All scripts defined in the package.json should function correctly. If there are non-working scripts, a penalty of 5 points will be applied. ⚙️📦🛑

  5. Non-SPA Application (60 points): The application should be a Single Page Application (SPA) with an empty index.html. If this requirement is not met, a penalty of 60 points will be applied. ⚠️🖥️🛑

Please note that these penalties will be deducted from the final score. Strive to adhere to best practices, maintain clean and well-formatted code, and ensure that all your scripts are working correctly for the best outcome. 🌟🏆💪

Here is the final points distribution:

  • Catalog Page Enhancements: 70 points
  • Detailed Product Page Enhancements: 30 points
  • Basket Page Implementation: 110 points
  • About Us Page Implementation: 35 points
  • Routing Implementation: 20 points
  • Evaluation Criteria for Header: 20 points
  • Mentor Evaluation Criteria: 60 points
  • Total points for Sprint 4: 345 points