Bienvenido a la Pokémon App, una aplicación desarrollada en React que muestra una lista de Pokémon, permite ver detalles específicos y marcar como favoritos.
Para probar y ejecutar la aplicación, necesitas tener el siguiente entorno configurado:
- Node.js versión 18 o 16 (se recomienda Node.js 18 para asegurar compatibilidad con las dependencias).
Para verificar si la versión de Node.js instalada es compatible, utiliza el comando:
node -vAsegúrate de que la salida sea v18.x.x o v16.x.x. Si necesitas instalar o actualizar Node.js, puedes descargarlo aquí.
Sigue los pasos a continuación para ejecutar la aplicación localmente:
-
Clona el repositorio:
git clone git@github.com:SamuelRocha91/pokedex.git
-
Entra en el directorio del proyecto:
cd pokemon-app -
Instala las dependencias:
Ejecuta el comando a continuación para instalar todas las dependencias necesarias:
npm install
-
Ejecuta la aplicación:
Después de instalar las dependencias, inicia la aplicación con el comando:
npm start
Esto iniciará el servidor de desarrollo. Abre tu navegador y accede a
http://localhost:3000para visualizar la aplicación.
- Pokedex: Muestra la lista de Pokémon con la posibilidad de marcar como favorito.
- Detalles del Pokémon: Muestra la información detallada del Pokémon seleccionado.
- Pokémon Favoritos: Página dedicada a los Pokémon marcados como favoritos.
- Página Sobre: Explica el propósito de la aplicación.
- Página No Encontrada (404): Se presenta cuando se accede a una ruta inexistente.
La aplicación está estructurada de la siguiente manera:
/src: Contiene todo el código fuente de la aplicación./components: Componentes reutilizables./pages: Páginas de la aplicación (Pokedex, Detalles, Favoritos, Sobre, etc.)./types: Tipos de PropTypes definidos para validación de props.Routes.js: Define las rutas principales de la aplicación.
Para garantizar que la aplicación funcione correctamente, puedes ejecutar las pruebas automatizadas utilizando:
npm test- 🌶️ Recipes App
- 🎮 Trivia
- 👛 Expense Organizer