/pokedex

A website developed in React.ts that consumes the PokéAPI via Axios and displays the pokemons on the screen.

Primary LanguageTypeScript


Pokéball
Pokedéx

A pokedéx created for the looqbox frontend challenge using the PokéAPI.

GitHub language count Repository size GitHub last commit Stargazers

Key Features • How To Use • Pages • Demo

demo_gif

🔑 Key Features

  • List of pokémons page
    • Displays 20 pokémons and their basic information
    • Loads 20 more pokémons when you click "Show More Pokémons"
    • Search for a pokémon by name or id
  • Details page
    • Displays more specific information about a pokémon
    • Bars about pokémon stats
    • Gallery of other pokémon pictures
  • Save the list of pokémons already loaded in memory

⚙ How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/danzobiss/pokedex.git

# Go into the repository
$ cd looqbox-frontend-challenge

# Install dependencies
$ npm install

# Run the app
$ npm start

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

🖼 Pages

Home

screenshot1

Details

screenshot2

🤖 Demo

https://danzobiss-pokedex.netlify.app