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.