Aplicación de Películas

Características

• Explorar y Buscar Películas: Descubre películas en tendencia, próximos estrenos y similares.
• Detalles de Películas: Ver información detallada, reparto, videos y compañías productoras.
• Favoritos: Marca películas como favoritas (requiere autenticación).
• Autenticación: Registrarse, iniciar sesión y gestionar perfiles de usuario.
• UI Responsiva: Optimizada para todos los dispositivos.
• Rendimiento: Usa signals de Angular, componentes independientes y NgOptimizedImage para renderizado rápido y eficiente.

Estructura del Proyecto

src/
  app/
    core/         # Utilidades principales, modelos, servicios, guards, interceptores
    features/     # Módulos de características: auth, favorite, movie, user
    pages/        # Páginas de rutas: home, movie, auth, profile, etc.
    shared/       # Componentes compartidos, layout, pipes y utilidades
  assets/         # Recursos estáticos
  environments/   # Configuraciones de entorno

Tecnologías Clave

• Angular 20+ (componentes independientes, signals, flujo de control)
• TypeScript (modo estricto, inferencia de tipos, inmutabilidad)
• Tailwind CSS (estilos utility-first)
• RxJS (para flujos de datos asíncronos)
• Swiper 12 (carruseles responsivos)

Mejores Prácticas

• Responsabilidad Única: Cada servicio/componente hace solo una cosa.
• Signals para Estado: El estado local se gestiona con signals de Angular.
• Sin Sobre-Abstracción: Solo se construye lo necesario.
• Claridad Primero: El código es claro y directo.
• Responsivo y Accesible: La interfaz se adapta a todos los dispositivos y es accesible.