🎬 App-películas
Una aplicación web moderna para descubrir y explorar información sobre películas, construida con React, TypeScript y Redux Toolkit.

📋 Características
- 🔍 Búsqueda de películas en tiempo real
- 📱 Diseño responsive con Tailwind CSS
- 🎯 Gestión de estado con Redux Toolkit
- 🚀 Construido con Vite para un rendimiento óptimo
- ✅ Testing con Jest y React Testing Library
- 🔄 CI/CD con GitHub Actions y Netlify
🛠️ Tecnologías
- React 18
- TypeScript
- Redux Toolkit
- React Router v6
- Tailwind CSS
- Jest
- Vite
- Axios
🚀 Instalación
-
Clona el repositorio:
git clone https://github.com/RubenJ27/App-peliculas.git
-
Instala las dependencias:
cd App-peliculas
npm install
-
Crea un archivo .env en la raíz del proyecto con tus credenciales de API:
VITE_APP_API_KEY=tu_api_key_aquí
VITE_APP_API_HOST=api.themoviedb.org
-
Inicia el servidor de desarrollo:
npm run dev
📚 Scripts Disponibles
npm run dev - Inicia el servidor de desarrollo
npm run build - Crea la build de producción
npm test - Ejecuta los tests con coverage
npm run lint - Ejecuta el linter
npm run format - Formatea el código
🧪 Testing
El proyecto incluye tests unitarios y de integración usando Jest y React Testing Library. Los tests se ejecutan automáticamente en cada PR y deben pasar antes del deploy.
Para ejecutar los tests localmente:
npm test
📦 Estructura del Proyecto
src/
├── api/ # Configuración de axios y endpoints (TMDb)
├── core/ # Componentes y helpers reutilizables globales
├── features/ # Features principales (ej: movies, users)
│ └── movies/
│ ├── components/ # Subcomponentes específicos del feature
│ ├── slices/ # Redux slices del feature
│ ├── services/ # Thunks y lógica de negocio del feature
│ ├── types/ # Tipos e interfaces del feature
│ ├── Home.tsx # Páginas principales del feature
│ ├── Details.tsx
│ ├── Results.tsx
│ ├── ResultsSearch.tsx
│ ├── NotFount.tsx
│ └── index.ts # Barrel export del feature
├── store/ # Configuración global de Redux
└── __test__/ # Tests
🌟 Versiones
Versión 2.0
- Nueva interfaz de usuario
- Integración con TMDb API
- Sistema de búsqueda mejorado
Ver detalles
Versión 1.0
- Lanzamiento inicial
- Funcionalidad básica de búsqueda
Ver detalles
🔗 Enlaces
📄 Licencia
Este proyecto está bajo la Licencia MIT - mira el archivo LICENSE.md para detalles
✨ Contribuir
Las contribuciones son bienvenidas. Por favor, lee CONTRIBUTING.md para detalles sobre nuestro código de conducta y el proceso para enviarnos pull requests.
⭐️ Si te gusta este proyecto, ¡no olvides darle una estrella en GitHub!