The project usies the following tech/techniques:

• React.js

• Typescript

• Bootstrap

• Axios

• FontAwesome

• Regex

• Interfaces

• Routes

• useState

• useEffect

• useContext

• useRef

• localStorage

• Search for items

• Sort items

• Http requests (with Axios)

There are clearifying and explanatory comments in the project.

In the project directory, you have to install the packages necessary:
npm i or npm install

Thereafter you'd have to run:
npm start

This 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.

• Create a backend (Node.js) and database (Mongo DB) to register and authenticate when logging in.
• Change the detail page for characters to view more information.
• Change "See more" button for smaller screens.
• Make sure all cards have the same height, no matter the length of the name.
• Get more pages of characters from the API using pagination or lazy loading.
• Apply safe routes for the page.
• Make sorting function as a component to reuse functionality on Favorites page.