[go: up one dir, main page]

Skip to content

A simple responsive web app that displays the first 30 Pokémon using the PokéAPI.

Notifications You must be signed in to change notification settings

Georgegipa/PokemonWebApp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PROothisiGR web-dev-assignment

Create a web application that displays a list of the first 30 Pokémons from the PokéAPI. The application should have the following features:

  • Display a list of 30 Pokémon (name & image)
  • Display the details of a Pokémon when clicked on currently displayed name,image,types,height,weight and stats
  • Favorite a Pokémon and display it at the top of the list
  • Must be responsive

Check out the live demo here

This project was bootstrapped with Create React App.

To run the project, you need to have Node.js installed on your machine. You can download it from here.

Once you have Node.js installed, you can run the following commands in the project directory.

npm install

Installs all the dependencies required for the project and runs the app in the development mode.

npm start

Runs the app in the development mode.
Then open http://localhost:3000 to view it in the browser.

Technologies used

  • React
  • Typescript
  • Material UI (for styling)
  • React Icons (for icons)

Pokeball icon created by Freepik - Flaticon

About

A simple responsive web app that displays the first 30 Pokémon using the PokéAPI.

Topics

Resources

Stars

Watchers

Forks

Languages

  • TypeScript 86.4%
  • HTML 11.2%
  • CSS 2.4%