Code Challenge Choice Explanations

Frontend

Used useCallback hooks to memo-ize functions and prevent unnecessary calls.
Introduced a State type to handle when the component is loading, successful, or has errored.
Used pre-existing UI libraries Tailwind and NextUI for styling.
The 'mode': 'no-cors' issue:
- Removed this option to fetch as it disables the browser's JS runtime from being able to access the response's body (see this).
- Opted to not create a server-side or reverse proxy as it adds more complexity than just removing the no-cors option.
Added mobile breakpoints by using Tailwind's breakpoint shorthands.
Use React Context to have a global app state and allow for things like optimistic updating.