La biblioteca definitiva de videos de F1
- Descripción del proyecto
- Estado del proyecto
- Funcionalidades
- Vista previa
- Acceso al proyecto
- Tecnologías utilizadas
- Licencia
F1Flix es una biblioteca de videos de Fórmula 1 que permite a los usuarios explorar contenido oficial de F1, clasificado por categorías como "Highlights", "Funny", "Tech Talk" y más. Inspirado en plataformas de streaming, el proyecto está diseñado para ser rápido, moderno y fácil de usar.
Crear una plataforma interactiva y visualmente atractiva para fanáticos de la Fórmula 1, ofreciendo funcionalidades como:
- Listado dinámico de videos.
- Gestión de videos (añadir, editar, eliminar).
- Filtrado por categorías con colores temáticos.
- Implementación de la página principal.
- Conexión con una API Mock.
- Creación y eliminación de videos.
- Edición de videos desde el modal.
- Mejoras de diseño para dispositivos móviles.
- Pruebas unitarias e integración.
- 📚 Categorías dinámicas: Explora videos clasificados por temas como "Highlights", "Race", "Funny", etc.
- 🎨 Colores personalizados: Los bordes y títulos cambian según la categoría del video.
- 🖊️ Gestión de videos:
- Añadir nuevos videos.
- Editar detalles de videos existentes.
- Eliminar videos de la lista.
- 📂 Interfaz modular: Componentes diseñados de forma reutilizable con React.
- 🌐 Consumo de API Mock: 13 Datos dinámicos obtenidos desde
mockapi.io.
Puedes acceder al código fuente del proyecto en este repositorio.
-
Clona el repositorio:
git clone https://github.com/luisdh8/f1Flix.git
-
Instala las dependencias:
npm install
-
Ejecuta el servidor de desarrollo:
npm run dev
-
Abre
http://localhost:3000en tu navegador para ver el proyecto.
- Frontend:
- Backend/API Mock:
- Herramientas adicionales:
- Vite (entorno de desarrollo)
Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.
🚀 Hecho con ❤️ por un fan de la Fórmula 1 🚀