https://github.com/remojs/pokelanding
🐥 Repository for the pokemon gallery project with my api
https://github.com/remojs/pokelanding
css first-project npm pokemon react
Last synced: 3 months ago
JSON representation
🐥 Repository for the pokemon gallery project with my api
- Host: GitHub
- URL: https://github.com/remojs/pokelanding
- Owner: Remojs
- Created: 2023-08-10T13:49:02.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2024-01-16T21:57:27.000Z (over 2 years ago)
- Last Synced: 2025-01-31T06:09:39.786Z (over 1 year ago)
- Topics: css, first-project, npm, pokemon, react
- Language: JavaScript
- Homepage: https://pokelanding-livid.vercel.app
- Size: 1.54 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ESPAÑOL
## Pokelanding
Este proyecto es una galería interactiva de Pokémon, creada utilizando CSS y React. Además, se integra con mi propia API para obtener los detalles de los Pokémones.
## Características:
1. **Galería de Pokémones:** Al abrir la aplicación, verás la lista de los 1010 Pokémones. Desplázate hacia abajo para explorarlos.
2. **Detalles de Pokémones:** Haz clic en un Pokémon de la lista para ver sus detalles, incluyendo tipo, habilidades y descripción.
3. **Búsqueda de Pokémones:** Utiliza la barra de búsqueda en la parte superior para buscar un Pokémon específico. Los resultados se actualizarán automáticamente a medida que escribas.
## Tecnologías utilizadas:
- HTML, CSS: Para la estructura y el estilo de la página.
- React: Para construir la interfaz de usuario interactiva y componentizada.
- API personalizada: Para obtener los detalles de los Pokémones.
- Git: Para el control de versiones y colaboración.
# ENGLISH
## Pokelanding
This project is an interactive Pokémon gallery, created using CSS and React. It also integrates with my own API to get the Pokémon details.
## Features:
1. **Pokémon Gallery:** When you open the application, you will see the list of all 1010 Pokémon. Scroll down to explore them.
2. **Pokémon Details:** Click on a Pokémon in the list to view its details, including type, abilities and description.
3. **Search for Pokémon:** Use the search bar at the top to search for a specific Pokémon. Results will automatically update as you type.
## Technologies used:
- HTML, CSS: For page structure and styling.
- React: To build the interactive and componentized user interface.
- Custom API: To get the Pokémon details.
- Git: For version control and collaboration.