rmb
EN

Aplicación de Películas

Una aplicación Angular 20+ modular y escalable para explorar, buscar y gestionar películas. Construida con las mejores prácticas para mantenibilidad, rendimiento y claridad.

Aplicación de Películas
AngularTypeScriptTailwind CSS

✨ 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.

Aplicación de Películas-1 Aplicación de Películas-2


🗂️ 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.
Publicado: 19/09/2025

Proyectos Relacionados

Chatbot App
Una aplicación de chatbot potenciado por IA, diseñado para soporte rápido, amigable e interactivo.
Next Store
Aplicación web de e-commerce escalable construida con Next.js y PostgreSQL, con catálogo de productos, autenticación de usuarios y sistema de carrito de compras.
Generador de Códigos QR
Una aplicación web para generar varios tipos de códigos QR con una interfaz fácil de usar.