React-harry-potter-api

This is a harry-potter App; That I developped it with React Js and Tailwind css. The api i used is:https://hp-api.onrender.com/api/

working with muli-Contexts was a challenging for me in this App! In this app User can choose a category (Characters, Spells or Staff), The related data will be apear. adding item to favourite (LocalStorage) or removed it from favourites-part, searching in datas, Pagination between data are the features of this app!

hooks:

Built in hooks	Custom hooks
useState	useQuery
useEffect	useFetch
useParams	useFavourite
useNavigate	useSetLocalStorage
useContext	useSearch
	usePagination

Development setup

First, clone the project:

git clone https://github.com/masoumehmohebbi/react-harry-potter-api/

Then, install necessary npm packages:

npm i

Finally, run the start script and preview project on a local server:

npm run dev

Author

Masoume mohebbi