rommelcanoy / shephered_assignment

TakePart

Goal of the assignment

• Choose your favorite set of languages / environment
• Code a responsive web page, based on the mockup attached (mockup.pdf)
• Document the code
• Create components when judged useful

Setup (npm)

• Setup React
• Setup TailwindCSS
• Setup react-resize-detector

To Do

• Added images folder in the src directory.
• Added components folder in the src directory.
• Created catalogs array of objects for dummy data.
• Most components will be nested in App.js
• Import custom font to App.css
• Each component has their own index.css
• Make the web page responsive.
  • Make mobile navigation menu.
  • Move the Filter component on top of CatalogSearch in mobile view.
  • Make the Filter collapsable.

Components

• CatalogItem
• CatalogSearch
• Filter
• HeaderNavigation
• HeaderSearch

Github Repo

Github Repo Link