Skip to content

pastordesoles/pokedex-xavier-sans-borras

Repository files navigation

Pokedex

Quality Gate Status Lines of Code Code Smells Bugs Duplicated Lines (%) Technical Debt Coverage

Find your Pokemon! Live demo here.

Table of Contents

General Information

Favourites API repository here here.

Basic Read that uses the Pokeapi to show data from the first generation of Pokemon. You can see a general list, click on a Pokemon and get detailed information about it. You can also filter by name. The website is responsive with different breakpoints for mobile, tablet or desktop.

Technologies Used

  • React
  • Jest
  • React Testing Library
  • Typescript
  • StyledComponents
  • MSW
  • React Router Dom
  • Cypress
  • Lint-staged

Features

  • Get a list with the first generation of Pokemons.
  • Get detailed information about the Pokemon you choose.
  • Filter Pokemons by name.
  • Create your own favourites list by adding and deleting Pokemons.

Screenshots

Screenshots

Setup

You will find all the dependencies in the package.json file. Run the command npm install in your CLI to install them.

The command npm run start runs the app in the development mode. Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits. You will also see any lint errors in the console.

Project Status

Project is: MVP done

Contact

Created by Xavi - feel free to contact me!