Rickandmorty-api

Created with CodeSandbox

This personal project gets the data from the Rick and Morty API https://rickandmortyapi.com/ using ReactJS, deployed with Netlify.

The topics covered:

• React Hooks (useState, useEffect, useContext, useCallback, useMemo, useRef, useDebounce )
• React Components
• Fetch API
• Context
• Search bar
• Data Filtering
• Loadmore button
• Routing and Dynamic Routing - React Router
• Emotion - for styling
• Responsive design

Some improvements to implement:

• Axios, useQuery, or Apollo Client.
• TypeScript

Demo

Live demo of the project by clicking the badge:

Installation

To run locally:

npm install
npm start

Open http://localhost:3000 to view it in the browser.