Skip to content

juliavasta/Rickandmorty-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rickandmorty-api

Created with CodeSandbox

170609397-f09d6474-03f2-467b-b125-fd8d91f95d25

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: Netlify Status

Installation

To run locally:

npm install
npm start

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