update settings

backend/videoflix/videoflix/settings.py

@@ -34,10 +34,16 @@ EMAIL_HOST_USER = 'andre.kempf.dev@gmail.com'
 EMAIL_HOST_PASSWORD = 'oyxwawshudwytgud'
 EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
 
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = [
+    'videoflix-django.andre-kempf.com', 
+    '34.65.103.198', 
+    'localhost', 
+    '127.0.0.1',
+]
 
 CORS_ALLOWED_ORIGINS = [
-    'http://localhost:4200'
+    'https://34.65.103.198',
+    'http://localhost:4200',
 ]
 
 # Application definition

frontend/src/app/components/home/browse/categories/categories.component.ts

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { environment } from '../../../../environments/environment.development';
+import { environment } from '../../../../environments/environment';
 
 @Component({
   selector: 'app-categories',

frontend/src/app/components/home/browse/hero-banner/hero-banner.component.ts

@@ -8,7 +8,7 @@ import {
 } from '@angular/core';
 import { BtnLargeComponent } from '../../../../shared/components/btn-large/btn-large.component';
 import { MovieService } from '../../../../services/movie.service';
-import { environment } from '../../../../environments/environment.development';
+import { environment } from '../../../../environments/environment';
 
 @Component({
   selector: 'app-hero-banner',

frontend/src/app/environments/environment.development.ts

@@ -1,3 +0,0 @@
-export const environment = {
-  baseUrl: 'http://127.0.0.1:8000/',
-};

frontend/src/app/environments/environment.ts

@@ -1,3 +1,7 @@
 export const environment = {
-  baseUrl: '',
+  // Development
+  baseUrl: 'http://127.0.0.1:8000/',
+
+  // Live
+  // baseUrl: 'https://videoflix-django.andre-kempf.com',
 };

frontend/src/app/services/auth.service.ts

@@ -1,7 +1,7 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { catchError, lastValueFrom, map, Observable, of } from 'rxjs';
-import { environment } from '../environments/environment.development';
+import { environment } from '../environments/environment';
 
 @Injectable({
   providedIn: 'root',

frontend/src/app/services/movie.service.ts

@@ -1,7 +1,7 @@
 import { HttpClient, HttpHeaders } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { lastValueFrom, Observable, of } from 'rxjs';
-import { environment } from '../environments/environment.development';
+import { environment } from '../environments/environment';
 
 @Injectable({
   providedIn: 'root',