This app show a list of Pokemon, in the details page of each pokemon you can catch and collect them, you can catch the same pokemon multiple times and give unique nicknames. And you can see yout collected Pokemon on my pokemon page. This app uses data from graphql-pokeapi. You can check this app demo on PokeHunt.
In the project directory, you can run:
# install Node Module dependencies
npm install
# serve app in the development mode with hot reload at localhost:3000
npm run start
# build for production with minification to the `build` folder
npm run build
This project uses several technologies listed below :
- Typescript, a strict syntactical superset of JavaScript and adds optional static typing to the language.
- React Context, context lets you “broadcast” such data, and changes to it, to all components below
- React Router V6, is a collection of navigational components that compose declaratively with your application
- Chakra UI, simple, modular and accessible UI components for react applications. based on Emotion
- Apollo Client, is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL