https://github.com/xerod/pokedex

This project is part of assignment for Tokopedia - Web Platform Engineers.
https://github.com/xerod/pokedex

Last synced: about 2 months ago
JSON representation

This project is part of assignment for Tokopedia - Web Platform Engineers.

• Host: GitHub
• URL: https://github.com/xerod/pokedex
• Owner: xerod
• Created: 2021-05-03T20:44:04.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-07-07T04:39:22.000Z (about 3 years ago)
• Last Synced: 2024-05-15T12:46:50.549Z (4 months ago)
• Language: TypeScript
• Homepage: https://pokemonindex.vercel.app
• Size: 109 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-made-by-indonesian - Pokédex - `This project use graphql-pokeapi that show Pokemon list and Pokemon details. I'm using window.localStorage Web API to persist data on the browser.` *by [Akramurridjal Rahman](https://github.com/xerod)* (P)
• made-in-indonesia - Pokédex - `This project use graphql-pokeapi that show Pokemon list and Pokemon details. I'm using window.localStorage Web API to persist data on the browser.` *by [Akramurridjal Rahman](https://github.com/xerod)* (P)

README

        
This project is part of assinment for Tokopedia - Web Platform Engineers.

# Pokédex

This project use graphql-pokeapi that show Pokemon list and Pokemon details. I'm using `window.localStorage` Web API to persist data on the browser.

### Pokemon List Page

Show a **list of Pokemons’** names and the **o​wned total**.​ When a Pokemon is clicked, it'll redirect you to `Pokemon Detail page`.

### Pokemon Detail Page

Show a picture of th`Pokemon with its moves and types. You can **catch the Pokemon​** with 50% success probability, if success then you can g​ive the Pokemon a nickname​ and add that Pokemon to`My Pokemon List`.

You can catch the same pokemon multiple times but **need to give a​ different nickname​** for each pokemon.

### My Pokemon List Page

Show a list of all P​okemons you have caught.​ You could ​remove/release​ a Pokemon from the list on this page. The pokemons in this list p​ersist​ even after a full page reload.

## Resource

[NextJS Docs](https://nextjs.org/docs)

[ChakraUI Docs](https://chakra-ui.com/docs)

[Apollo Client React Docs](https://www.apollographql.com/docs/react/)

[GraphQL for PokeAPI Docs](https://graphql-pokeapi.vercel.app/)