Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/german-cobian/pokemon-cards

Este app React-Redux extrae informacion de Poke API respecto a los distintos Pokemons. El usuario puede navegar a una pagina para buscar informacion acerca de un Pokemon por nombre; buscar una coleccion de Pokemons de acuerdo al "tipo”; o puede acudir a otra pagina para ver un listado de todos los distintos "tipos" de Pokemon.
https://github.com/german-cobian/pokemon-cards

bootstrap css html javascript react redux

Last synced: 12 days ago
JSON representation

Este app React-Redux extrae informacion de Poke API respecto a los distintos Pokemons. El usuario puede navegar a una pagina para buscar informacion acerca de un Pokemon por nombre; buscar una coleccion de Pokemons de acuerdo al "tipo”; o puede acudir a otra pagina para ver un listado de todos los distintos "tipos" de Pokemon.

Awesome Lists containing this project

README

        

# Pokemon-Cards

Este app React-Redux extrae de [Poke API](https://pokeapi.co/) informacion respecto a los distintos Pokemons.

Desde la pagina home, el usuario podra acceder a la barra de busqueda para obtener informacion acerca de un Pokemon por nombre.

![Listing of Pokemons](/src/assets/Pokemon-single.jpg "Single Pokemnon")

En la barra de navegacion se da, asimismo, la opcion de acudir a otra pagina donde el usuario puede buscar una coleccion de Pokemons de acuerdo al "tipo" que se entre en la barra de busqueda.

![Pokemons by type](/src/assets/Pokemons-collection.jpg "Pokemons by type")

Finalmente, atravez de la barra de navegacion, se puede acudir a otra pagina para ver un listado de todos los distintos "tipos" de Pokemon.

![Listing of Pokemons](/src/assets/Pokemons-listing.jpg "Listing of Pokemons")

### Instalacion y configuracion

* Abra su terminal - Windows: `Win + R`, despues entre `cmd` | Mac: `Command + space`, despues entre `Terminal`
* Navegue al directorio de su eleccion, usando el comando `cd`
* Haga ejecutar este comando en la terminal de su OS: `git clone [email protected]:German-Cobian/Pokemon-Cards.git` para obtener una copia del proyecto
* Navegue al directorio del proyecto usando el comando `cd`
* En el folder clonado, ejecute `npm install`
* Para iniciar el server, ejecute `npm start`
* Visite `http://localhost:3001/` en su browser para ingresar en el app

## Construido con

* HTML
* Css
* JavaScript
* React
* Redux
* Github workflow

## Autor

πŸ‘€ **German Cobian**
* GitHub: [@German Cobian](https://github.com/German-Cobian)
* Twitter: [@GermanCobian1](https://twitter.com/GermanCobian1)
* LinkedIn: [@German Cobian](https://www.linkedin.com/in/german-cobian/)

## 🀝 Contribuir

Contribuciones, cuestiones, y sugerencias de funciones adicionales son bienvenidas!

Sientase en libertad de echarle un ojo a la [pagina issues](https://github.com/German-Cobian/Pokemon-Cards/issues).

## Muestre su apoyo

Si gusta de este proyecto, dele una ⭐️!

## πŸ“ Licencia

[ Licencia MIT](https://github.com/German-Cobian/Pokemon-Cards/blob/main/LICENSE).