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.