Movies App

Features

• Browse & Search Movies: Discover trending, upcoming, and similar movies.
• Movie Details: View detailed information, cast, videos, and production companies.
• Favorites: Mark movies as favorites (requires authentication).
• Authentication: Register, login, and manage user profiles.
• Responsive UI: Optimized for all devices.
• Performance: Uses Angular signals, standalone components, and NgOptimizedImage for fast, efficient rendering.

Project Structure

src/
  app/
    core/         # Core utilities, models, services, guards, interceptors
    features/     # Feature modules: auth, favorite, movie, user
    pages/        # Route pages: home, movie, auth, profile, etc.
    shared/       # Shared components, layout, pipes, and utilities
  assets/         # Static assets
  environments/   # Environment configs

Key Technologies

• Angular 20+ (standalone components, signals, control flow)
• TypeScript (strict mode, type inference, immutability)
• Tailwind CSS (utility-first styling)
• RxJS (for async data flows)
• Swiper 12 (responsive carousels)
• NgOptimizedImage (image optimization)

Best Practices

• Single Responsibility: Each service/component does one thing.
• Signals for State: Local state managed with Angular signals.
• No Over-Abstraction: Only build what’s needed.
• Clarity First: Code is clear and straightforward.
• Responsive & Accessible: UI adapts to all devices and is accessible.