https://github.com/sorgazb/tfc_htsports_frontend
TFC HT Sports Web Frontend APP
https://github.com/sorgazb/tfc_htsports_frontend
angular ant-design i18n material ngx-translate openai-api paypal-rest-api pdfmake sports tailwindcss translation vercel
Last synced: 11 months ago
JSON representation
TFC HT Sports Web Frontend APP
- Host: GitHub
- URL: https://github.com/sorgazb/tfc_htsports_frontend
- Owner: sorgazb
- Created: 2025-01-11T22:58:47.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-20T23:09:58.000Z (about 1 year ago)
- Last Synced: 2025-07-02T16:09:53.733Z (12 months ago)
- Topics: angular, ant-design, i18n, material, ngx-translate, openai-api, paypal-rest-api, pdfmake, sports, tailwindcss, translation, vercel
- Language: TypeScript
- Homepage: https://www.htsports.es
- Size: 60.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HT Sports Frontend
        
> **HT Sports Frontend** es la interfaz web responsiva para aficionados, jugadores y cuerpo técnico. Construida con Angular y Tailwind para ofrecer una experiencia moderna, rápida y modular.
---
## 📱 Descripción del Frontend
La parte cliente de **HT Sports** está desarrollada con **Angular 15.0.5** y estilizada con **Tailwind CSS 3.4.17**.
Se aprovecha de:
- **Angular Material** & **Ant Design** para componentes UI profesionales.
- **Lazy loading** y **Angular Router** para una navegación ágil.
- **ngx-translate** para internacionalización en tiempo real.
- **pdfmake** para generar entradas en PDF.
- **Integración con APIs externas**:
- **Face In Photo** API para detección de caras en imágenes.
- **PayPal** para pasarelas de pago seguras.
- **OpenAI** para funcionalidades de chat y generación de contenido.
El código está organizado en módulos y componentes, garantizando mantenibilidad y escalabilidad.
---
## 🏗️ Estructura del Proyecto
```txt
TFC_HTSports_Frontend/
├── .vscode/ # Configuración del editor VSCode
├── scripts/ # Scripts de construcción y SEO (sitemap, robots, OG)
├── src/
│ ├── app/
│ │ ├── class/ # Apartado de historia de equipos
│ │ ├── components/ # Componentes UI reutilizables
│ │ ├── directives/ # Directivas personalizadas
│ │ ├── interface/ # Interfaces y tipos TypeScript
│ │ ├── services/ # Servicios y consumo de APIs
│ │ ├── app-routing.module.ts
│ │ ├── app.component.ts
│ │ ├── app.component.html
│ │ └── app.component.css
│ ├── assets/ # Imágenes y estilos globales
│ ├── environments/ # Configuración de entornos
│ └── main.ts # Punto de arranque de la app
├── .editorconfig # Reglas de editor
├── .gitignore # Archivos y carpetas ignorados
├── angular.json # Configuración de Angular CLI
├── package.json # Dependencias y scripts NPM
├── package-lock.json # Lockfile de NPM
├── tailwind.config.js # Configuración de Tailwind CSS
├── tsconfig.app.json # Configuración TS para la app
├── tsconfig.spec.json # Configuración TS para tests
├── tsconfig.json # Configuración global de TS
├── vercel.json # Configuración de despliegue en Vercel
└── README.md # Documentación del proyecto
```
## ⚙️ Instalación y Entorno de Desarrollo
Clonar repositorio:
```txt
git clone https://github.com/sorgazb/TFC_HTSports_Frontend.git
cd TFC_HTSports_Frontend
```
Instalar dependencias:
```txt
npm install
```
Levantar en desarrollo
```txt
npm run start
```
## 🚀 Despliegue
Este proyecto está configurado para desplegarse automáticamente en Vercel:
Simplemente conecta el repositorio a Vercel y cada push a la rama main disparará un nuevo despliegue.
## 🤝 Contribución
Haz fork del repositorio.
Crea una rama de trabajo:
```txt
git checkout -b feature/mi-nueva-funcionalidad
```
Realiza tus cambios y haz commit.
Abre un Pull Request describiendo tus mejoras.
Proyecto Final GS‑DAW – Sergio Orgaz Bravo