Welcome to the React Developer interview. This coding exercise should take you no more than 4 hours, but you have 24 hours to complete from the moment you fork.
You'll be building a functional feature that gives users the ability to add fruits to their shopping cart. Your feature should fulfill the following requirements while ensuring production-ready code quality:
- Query for the list of anime
- The input should be a typeahead that renders anime names. When typing into the typeahead, the search results are fetched and displayed. There is NO "Submit" or "Search" button. Data should be fetched on input change.
- Upon clicking on an anime, we should be directed to a page dedicated to that anime.
- Feel free to make use a design of your choosing, but I expect a nice UI and UX when executing the search
The above requirements are the bare minimum. Below are some extra bonus points to consider, and elements I'll be looking out for as I review your code:
- Make intuitive UI considerations, add comments if necessary to explain your decision thought process.
- Make sure to implement performant code. In a real world scenario, consider how your implementation could be optimized.
- Accessibility
- General best practices around component structuring
- You're allowed to use libraries for more complicated functionality, but bonus points if you implement everything yourself
https://api.jikan.moe/v4/anime?q= https://api.jikan.moe/v4/anime/{id}/full
API Documentation: https://docs.api.jikan.moe/#tag/anime/operation/getAnimeSearch https://docs.api.jikan.moe/#tag/anime/operation/getAnimeFullById
- FORK this codesandbox, you may need to create an account on codesandbox.io.
- You have 24 hours to complete the exercise and send your new codesandbox url back to me. Submissions past the 24 hour period will not be considered.