Based on the API https://rickandmortyapi.com/, implement a React application with a lazy-loaded list of characters from the animated series. A lazy-loaded list is one where elements are loaded from the backend in parts, i.e., when the scroll reaches the end of the page, the next part of the list is fetched, and so on, until the backend has no more data for us.
- Upon clicking on a character, the user should be redirected to a separate page with detailed information about that character.
- Use Redux for state management and Redux-Saga for asynchronous requests.
- Use SCSS or StyledComponents for styling.
- Tests are encouraged.
The application supports theming with dark and light themes. Currently, the theme depends on the system preferences - if the system has a dark or light theme or an auto theme depending on the time of day, then the app will have a corresponding theme. I plan to add a toggle button to enable a mode different from the system settings.
|
|
npm install
npm run start
npm run build