xerod / pokedex

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

Home Page:https://pokemonindex.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 thPokemon 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 toMy 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

ChakraUI Docs

Apollo Client React Docs

GraphQL for PokeAPI Docs

About

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

https://pokemonindex.vercel.app


Languages

Language:TypeScript 92.6%Language:CSS 6.4%Language:JavaScript 0.9%