- Get a general overview of React.js;
- Create a product list page
- Products should be fetched using any available free API with a product list
- The page should have a search input that filters products without page refresh
- Search should be performed automatically once the user stops writing
- Each product should display: name, price and category
- Clicking on a product should redirect to product details page
- Product details page
- It should display product: name, price, category and description
- Project should be written in Typescript and React.js
- All pages should have responsive designs - looking good both on desktop and mobile
- For styling preferably use the "tailwindcss" or "styled-components" library
- Implement the project using Next.js
- Implement pagination
- Unit tests with @testing-library/react
- Some requirement points can be skipped if you feel like they are too complex at the time. Focus first on business requirements, designs afterwards. Please provide a comment in the code about what has been skipped.
- It is ok to re-use parts of code from other sources. But it is important to understand it and to be able to explain what it does, as well as to attribute the original author.
- Please reply either directly to the e-mail that was sent to you or to studio@chililabs.io. The task can be attached as a link to a repository or an archive. If you haven’t done so previously, please also attach your CV.