The React and API Project is a Pokémon website that has three pages: Home, Pokedex and Details.

This project will use the Poke Api as its data source, a public API widely used for applications focused on learning programming.

The main contents to be studied are:

• API Integration
• React Router
• Design Systems
• Global State

The objective of this project is to create a website with three pages using the Poke Api with the following tools:

• React
• React Router
• Styled-components
• React Context
• Axios

• General:

• The website must have 3 pages: Home, Pokedex and Details; - Design must follow the proposed design;

• Page exchange flow must be similar to the flowchart;

• Home Page:

• Show a list of Pokemons, containing at least 20 Pokemons;

• Each Pokemon will be represented by a Card; - Each Pokemon card has a button to add it to the Pokedex and another button to access the Pokemon's details;

• The header of this page will have a button to access the Pokedex page

• Pokedex Page

• Render the list of Pokemon added to the Pokedex;

• Each Pokemon card should have a button to remove it from the Pokedex and another button to access the Pokemon's details.

• The header should have a button to return to the Home page

• It should not be possible to add the same Pokemon twice to the Pokedex

• Details Page

• Show the details of the selected Pokemon, with information described

• The header should have a button to add or remove it from the Pokedex and another to return to the home page.