Module-01 | React Components

[Quiddlee]

1. Task: click
2. Screenshot:
   

4. Deploy: click
5. Done 28.10.2023 / deadline 29.10.2023
6. Score: 100 / 100

Functional requirements 🍿

• 🌓 Page is split into 2 sections, top one has Search input and "Search" button, main section displays the list of results from the selected api when page is opened for the first time (loader should be shown while app makes a call to the api) - 20 points
• 🔍 When user types something to the Search input and clicks "Search" button, a loader is displayed and the list is changed according to the response results for a provided search term - 15 points
• 📥 The search term typed into the Search input is saved in the local storage when user clicks on "Search" button (check it by closing the tab and open the app in the new one - the initial call should contain previously entered search term) - 15 points
• 🌋 Application is wrapped with ErrorBoundary, which logs error to a console and shows a fallback UI. There should be a button to throw an error - 10 points

Non-functional requirements 🎬

• 🧃 Eslint is set up, when lint command is run it doesn't produce any errors (if there are warnings score might be less) - 15 points
• 🌌 Prettier is set up, format:fix command fixes issues - 15 points
• 🧹 Husky is set up, linting is run on pre-commit - 10 points

Penalties 👎

• TypeScript isn't used: -95 points
• Usage of any: -20 points per each
• Usage of ts-ignore: -20 points per each
• Direct DOM manipulations inside the React components: -50 points per each
• React hooks are used to get access to either state, or to the component lifecycle: -70 points
• Presence of code-smells (God-object, chunks of duplicate code), commented code sections: -10 points per each
• Usage of Redux or other state management libraries: -100 points
• Usage of component libraries, e.g. Material UI, Ant Design: -100 points

[andron13]

Как всегда всё круто