Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yul1b3th/hackaton-cibernarium-boored
Este repositorio es la prueba para la hackatón de IT Academy 2024, que tendrá lugar los días 22 y 23 de octubre. La aplicación permite obtener actividades aleatorias o filtradas, integrando un servicio HTTP que interactúa con una API.
https://github.com/yul1b3th/hackaton-cibernarium-boored
angular css3 html5 rxjs typescript
Last synced: 18 days ago
JSON representation
Este repositorio es la prueba para la hackatón de IT Academy 2024, que tendrá lugar los días 22 y 23 de octubre. La aplicación permite obtener actividades aleatorias o filtradas, integrando un servicio HTTP que interactúa con una API.
- Host: GitHub
- URL: https://github.com/yul1b3th/hackaton-cibernarium-boored
- Owner: Yul1b3th
- Created: 2024-09-28T09:03:32.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-11-06T07:51:07.000Z (2 months ago)
- Last Synced: 2024-11-06T08:33:12.698Z (2 months ago)
- Topics: angular, css3, html5, rxjs, typescript
- Language: TypeScript
- Homepage: https://hackaton-cibernarium-boored.vercel.app
- Size: 1.08 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TryTime
## 📄 Descripción
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).
## 🚀 Demo
Puedes ver la demostración de la aplicación en [TryTime](https://hackaton-cibernarium-boored.vercel.app/).
## ✨ Características
- **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.
## ☁️ Interacción con la API "Bored API"
Este proyecto frontend se conecta con la [API Bored](https://bored-api.appbrewery.com/), 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.
## 💻 Tecnologías Utilizadas
- [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
- [CSS3](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [Angular](https://angular.dev/) version 18.2.6
- [TypeScript](https://www.typescriptlang.org/)
- [RxJS](https://rxjs.dev/)
## 📋 Requisitos
- Node.js y npm instalados en tu sistema. Puedes descargarlos desde [nodejs.org](https://nodejs.org/).
- Angular CLI instalado globalmente. Puedes instalarlo con el siguiente comando:
```bash
npm install -g @angular/cli
```
## 🛠️ Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/Yul1b3th/hackaton-cibernarium-boored
```
2. Ingresa al directorio del proyecto:
```bash
cd hackaton-cibernarium-boored
```
3. Instala las dependencias:
```bash
npm install
```
## ▶️ Ejecución
Ejecuta la aplicación con el siguiente comando:
```bash
ng serve -o
```
## 🌐 Despliegue
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:
```bash
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.
## 🤝 Contribuciones
Si deseas colaborar en este proyecto o informar sobre problemas, no dudes en crear un "issue" o enviar un "pull request."