A fun web app used for displaying character profiles from the show Rick and Morty
.
The project has been deployed on Netlify.
- React + TypeScript
- SCSS with BEM
- React Icons
- Material UI for Pagination
- React Testing Library + Jest
-
The home page shows the list of character cards.
-
Each character card has 2 clickable fields:
- Last Location - Opens a modal with info about location
- Appears on - Opens a modal to display the list of chapters the character appeared on.
The Rick and Morty API is a REST(ish) and GraphQL API based on the television show Rick and Morty.
/character
/episode
/location
These also support query params, visit the api docs for more info.
This project uses 14.17.0
version of node, as mentioned in the .nvmrc file.
Execute the following command to install the deps:
npm install
For unit and snapshot testing this project uses RTL(React testing library) + Jest. Tests can be run by simply executing the following command:
npm run test
For coverage execute the following command and the current coverage stands at 96%
npm run test -- --coverage --watchAll