feat: redesign app and organize feature architecture

Author: zead sayed

README.md

@@ -6,11 +6,21 @@ Live demo: https://zeadsayed.github.io/movie-DB/
 
 ## Features
 
-- User authentication (login/register) with form validation
+- User login with DummyJSON authentication and form validation
 - Route guards to protect authenticated pages
 - Feature/data services for API communication
 - Reactive state and data flow with RxJS
 - Movie data fetched from an external API
+- Global TMDB multi-search and filtered discovery
+- Trailers, cast, recommendations, streaming providers, and person filmographies
+
+## TMDB configuration
+
+TMDB requests are centralized in `TmdbService`. The `TmdbInterceptor` adds the API key from the Angular environment configuration, so credentials are not duplicated in services or request URLs.
+
+Before running the app, add your own TMDB API key to `tmdbApiKey` in `src/environments/environment.ts`. Keep real credentials out of commits and public repositories.
+
+Because Angular environment values are compiled into the browser bundle, they are not secret. Use a backend proxy if your deployment requires the TMDB credential to remain private.
 
 ## Tech stack
 
@@ -19,6 +29,32 @@ Live demo: https://zeadsayed.github.io/movie-DB/
 - RxJS
 - HTML/CSS
 
+## Project structure
+
+```text
+src/app/
+├── core/               # Singleton services, guards, interceptors, and data models
+│   ├── guards/
+│   ├── interceptors/
+│   ├── models/
+│   └── services/
+├── features/           # Route-level product features
+│   ├── movies/
+│   ├── tv-shows/
+│   ├── discover/
+│   ├── people/
+│   └── watchlist/
+├── layout/             # App-wide visual shell components
+│   ├── navbar/
+│   ├── header/
+│   └── footer/
+├── app-routing.module.ts
+├── app.component.*
+└── app.module.ts
+```
+
+Feature code stays together, application-wide state and API infrastructure live under `core`, and components that construct the site shell live under `layout`.
+
 ## Getting started
 
 ```bash

angular.json

@@ -37,16 +37,24 @@
           },
           "configurations": {
             "production": {
+              "optimization": {
+                "scripts": true,
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                },
+                "fonts": true
+              },
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
+                  "maximumWarning": "950kb",
+                  "maximumError": "1100kb"
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "8kb",
+                  "maximumError": "10kb"
                 }
               ],
               "outputHashing": "all"