Challenge-Front

Challenge Front Link

Desafío y Tareas

Para una mejor comprensión y seguimiento, desglosé el desafío en diversas tareas. Las tareas completas están marcadas con ✅.

Crear una página web mínima. Referencia de diseño: Figma Design Link ✅

Integrar API de Open Meteo ✅

Componentes reutilizables ✅

Crear página "lecciones" ✅

Implementar modal en Material UI ✅

Implementar inicio de sesión falso ✅

Proteger la única página existente ✅

Implementar hook personalizado

Implementar Jest para realizar pruebas

Utilizar traducciones con i18n

Instrucciones de Ejecución

• Descargar el ZIP o clona el repositorio.

• Utilizar NVM para gestionar las versiones de Node.js utilizando la versión 14.

➖ Code: nvm use 14

• Dentro de la versión Node v14.21.3, instalar todas las dependencias y la carpeta node_modules para poder correr el código.

➖ Code: npm i

• Al tener todo instalado, se puede correr el proyecto

➖ Code: npm run start

Implementación del "Login"

Reutilicé el código e implementé un sistema de "Login" basado en el diseño real de la empresa. El usuario se guarda en el "sessionStorage", y las rutas están protegidas para garantizar que sólo los usuarios autenticados puedan acceder a los componentes.

Usuario de Prueba

• Usuario: "[email protected]"

• Clave: "prueba123"

Páginas Adicionales

Creé dos páginas adicionales para mostrar la temperatura y las lecciones de un usuario (usuario: Juan).

Implementacion de API

Implemente la API de Open-Meteo mostrando la temperatura máxima y mínima diaria

Diseños UI

• Diseño Login: Figma Design Link
• Diseño Lecciones: Figma Design Link
• Diseño Clima: Figma Design Link