Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/german-cobian/pokemon-cards
- Owner: German-Cobian
- License: mit
- Created: 2023-11-07T18:16:30.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-16T05:40:32.000Z (12 months ago)
- Last Synced: 2024-11-22T23:44:04.305Z (about 2 months ago)
- Topics: bootstrap, css, html, javascript, react, redux
- Language: JavaScript
- Homepage:
- Size: 2.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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).