POKEDEX

This project is a WebApp to show multiple Pokemons. They can be filtered by name and they also have a detailed page with more info about each of them.

It's created as a Single-Page-Application (SPA) using React, collecting the data from the the following API service: PokeAPI.

Getting Started

You don't need to clone or install this repo to play. Just click on the following link Pokedesk and have fun!

If you want to download, clone or fork the project repository, do the following:

1. Install Node.js, and then:
2. Download or clone the project repository.
3. Install dependencies with $ npm install.
4. Run the project with $ npm start.

Contributing

You are more than welcome to contribute to this code with new ideas and/or suggestions. It's made for learning, the more it grows, the better! :)

Technology

This project was bootstrapped with Create React App.

Dependencies

• node-sass

• react-dom

• prop-types

• react-transition-group

• @fortawesome/react-fontawesome.

React components architecture

|src
    |components
        |-App
        |-HomePage
            |-FilterList
                |-FilterInput
            |-PokeList
                |-PokeCard
        |-PokemonDetailPage

    |services

License

This project is licensed under the MIT License.

Authors

This project is part of the Online Training provided by Adalab

• Original idea: Adalab | Github | website |
• Development and variations: Carmen Torrecillas | Github | Twitter |