- 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 React
- Setup TailwindCSS
- Setup react-resize-detector
- Added
images
folder in thesrc
directory. - Added
components
folder in thesrc
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 ofCatalogSearch
in mobile view. - Make the
Filter
collapsable.
- CatalogItem
- CatalogSearch
- Filter
- HeaderNavigation
- HeaderSearch