Skip to content

This project is a ReactJS app that consumes the PokéAPI and shows some data about Pokemons on screen. In this project I was able to practice responsive design by using Grid Layout and to practice creating a design with colors following the 60-30-10 rule.

Notifications You must be signed in to change notification settings

nicolastmaia/pokeapi-visualizer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PokéAPI Visualizer

This project is a ReactJS app that consumes the PokéAPI and shows some data about Pokemons on screen.
In this project I was able to practice responsive design by using Grid Layout and to practice creating a design with colors following the 60-30-10 rule.

pokeapi-visualizer

 

What you will need

  • NodeJS version 16.14.2

Link to download and install above items: https://nodejs.org/es/

How to run this app

After installation, you will need to run the following commands in the project directory:

npm i

This will install all the app dependencies listed in the package.json file.

npm start

This will run the app in development mode.
Open http://localhost:3000 to view it in the browser.

About

This project is a ReactJS app that consumes the PokéAPI and shows some data about Pokemons on screen. In this project I was able to practice responsive design by using Grid Layout and to practice creating a design with colors following the 60-30-10 rule.

Topics

Resources

Stars

Watchers

Forks

Languages

  • JavaScript 77.8%
  • HTML 14.4%
  • CSS 7.8%