Skip to content

Conversation

@EliasRajha
Copy link

@EliasRajha EliasRajha commented Jun 18, 2025

  • A product list that displays all of the products in the all-products file. Note: the site is responsive, so have a look at the breakpoints in the deployed example project.
  • A category list that displays all of the categories in the all-categories file at the top of the page
  • If the user clicks on a category only the products that have that category in their category property should be displayed on the screen. Note: The categories listed in the product objects do not match up exactly with the categories in the categories list. You will have to find a solution to this without editing the files
  • There should only be 1 category active at a time and the user should see which category is selected.
  • You need to deploy your app somewhere (using something like netlify) and put the link in your PR!

@EliasRajha EliasRajha changed the title This is project 1 from week1 Eli_D_Rajha-w1-React Jun 18, 2025
@EliasRajha
Copy link
Author

Live Netlify site for Week 1:
https://voluble-mandazi-3d0361.netlify.app/

@ChingHsun ChingHsun self-assigned this Jun 29, 2025
Copy link

@ChingHsun ChingHsun left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job! The code meets all the requirements. Although using inline styles is generally not recommended. For better maintainability, consider moving styles to a CSS file or using Tailwind CSS in the future. Approved!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants