About the project   |    Technologies   |    Getting started   |   

Based on the figma design created by Ricardo Schiniegoski

You can see the frontend working on production here

This project was developed following the figma design mentioned above, but since this design It's for a mobile version, I decided to code the project with a "mobile first" approach, and then just adapt the interface for desktop later.

I ended up running out of time to fully implement a completely responsive and adaptive interface, so the interface looks really nice on mobile, but It's a little janky on desktop.

The project currently returns a list of every pokemon, so it may take a while before everything appears. Fortunately cache is implemented, so the application doesn't need to do unnecessary api requests everytime.

• users can see a list of every pokemon
• users can search for a specific pokemon (user need to type a valid pokemon name on searchBar and hit the button)
• users can see detailed information about a specific pokemon
• users can see the sum of all the base stats

Technologies that I used to develop this web client

• ReactJS
• Vite
• TypeScript
• React Router DOM
• Material Design
• Pokenode-ts

Clone the project and access the folder

$ git clone https://github.com/stelianok/pokedex && cd pokedex

Follow the steps below

# Install the dependencies
$ npm i

# Running the application
$ npm run dev