Real World App React / Redux / Typescript Clean and Simple Architecture : Typescript React Redux Starter Project with redux-thunk hooks , fetch api

Build a simple React-Redux application which displays images from cat API. Here's the API : https://docs.thecatapi.com/api-reference/images/images-search

Example URL to fetch 10 cats with category hats: https://api.thecatapi.com/v1/images/search?limit=10&category_ids=1

Example URL to fetch the categories: https://api.thecatapi.com/v1/categories

The page is a simple app that loads a sidebar (drawer for react native) of all categories and displays 10 cat images in the main display.

• All the categories are clickable - you can click on them and choose a different category
• There is a button to load more cat images at the bottom, which will load 10 more cat images.
• The app must be built with react-redux
• Don't use any premade UI kit lib, write all styles purely, (StyledComponents library is highly recommended)
• Aesthetics and clean code are important when building this small prototype.

In the project directory, you can run:

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.