React Components

[Seala11]

1. Task: https://github.com/rolling-scopes-school/tasks/tree/master/react/modules/module01
2. Screenshot:
   
3. Deploy: https://seala11-react-components.netlify.app/
4. Done 30.09.2022 / deadline 03.10.2022
5. Score: 15 / 15

• React App + components and router – 9 points
  • Header contains page with cards ('home'), “About Us”, “404”.
  • If user will input unknown route into url – application redirects to “404”.
  • Home page contains Search Bar conponent
  • Input value is stored in LocalStorage during component’s unmount. On initialization, the value is picked from LocalStorage and displayed.
  • Home page contains Card List component
  • Class components are used to access to life cycles of a component
• Tests – 4 points
  • test for one card
  • tests for the list of all cards
  • LocalStorage is mocked.
• eslint, prettier – 2 points
  • eslint and prettier are set up so that the project would not build if having errors
• Additionally
  • Search bar works correctly filtering cards by name
  • Search input also saved to local storage on page reload
  • The 404 page has a redirect button to the home page
  • All components are covered with tests, Coverage 96%
  • Fully responsive