Este proyecto es una aplicación de React desarrollada con TypeScript y Vite. Está diseñado para mostrar la fecha y hora actual, obtener información meteorológica que incluye imágenes para una ciudad específica, y mostrar citas de diversas categorías utilizando diferentes servicios.
- api/: Contiene clases y servicios para realizar solicitudes a APIs externas utilizando Axios.
- components/: Componentes reutilizables de la interfaz de usuario como DateTime, Weather y RandomQuote.
- hooks/: Hooks personalizados para lógica reutilizable adaptada a necesidades específicas de la aplicación.
- pages/: Componentes que representan diferentes vistas o páginas de la aplicación.
- types/: Tipos de datos y definiciones de interfaces utilizados en toda la aplicación.
- tests/: Pruebas unitarias e integración utilizando Vitest y React Testing Library para garantizar la calidad y confiabilidad del código.
La aplicación utiliza inyección de dependencias para gestionar y desacoplar servicios de manera efectiva:
- api/services: Define servicios que se inyectan en los componentes según sea necesario, como servicios de clima y citas.
- React Context: Utilizado para proporcionar servicios y datos globales a componentes hijos sin necesidad de pasar props manualmente.
Para acceder a todas las funcionalidades y utilizar los servicios, se requiere autenticación. Puedes utilizar las siguientes credenciales de prueba para iniciar sesión:
- Usuario:
admin - Contraseña:
123
-
Clona el repositorio:
git clone https://github.com/aleaguiard/react-project.git
-
Navega al directorio del proyecto:
cd react-project/proyecto-react -
Instala las dependencias:
npm install
-
Inicia la aplicación:
npm run dev