Este repositorio contiene el código fuente de una aplicación web llamada TryTime, que genera actividades aleatorias utilizando Angular y Server-Side Rendering (SSR).
Puedes ver la demostración de la aplicación en TryTime.
- Generación de actividades aleatorias: Obtén una actividad al azar para realizar.
- Filtros personalizados: Filtra actividades por tipo.
- SSR con Angular: La aplicación utiliza Server-Side Rendering para mejorar el rendimiento y SEO.
- Gestión de errores: Maneja adecuadamente los errores de red y límites de solicitud.
- Optimización del rendimiento: Utiliza proxy para evitar problemas de CORS y mejora la interacción con la API.
- Diseño Responsivo: La interfaz se adapta a dispositivos móviles y de escritorio, ofreciendo una experiencia uniforme en todas las plataformas.
Este proyecto frontend se conecta con la API Bored, la cual proporciona actividades aleatorias y filtradas, ideal para ayudar a los usuarios a encontrar algo entretenido que hacer en función de sus preferencias.
- HTML5
- CSS3
- Angular version 18.2.6
- TypeScript
- RxJS
- Node.js y npm instalados en tu sistema. Puedes descargarlos desde nodejs.org.
- Angular CLI instalado globalmente. Puedes instalarlo con el siguiente comando:
npm install -g @angular/cli
- Clona el repositorio:
git clone https://github.com/Yul1b3th/hackaton-cibernarium-boored
- Ingresa al directorio del proyecto:
cd hackaton-cibernarium-boored
- Instala las dependencias:
npm install
Ejecuta la aplicación con el siguiente comando:
ng serve -o
Para desplegar la aplicación en producción, sigue estos pasos:
✔️ Paso 1: Ejecuta el comando de construcción para compilar la aplicación Angular:
ng build --prod
✔️ Paso 2: Los archivos generados se almacenarán en el directorio dist/
. Puedes desplegar estos archivos en un servidor web o en un servicio de alojamiento que admita
aplicaciones web estáticas.
Si deseas colaborar en este proyecto o informar sobre problemas, no dudes en crear un "issue" o enviar un "pull request."