Using custom API enpoint instead of JSON

Author: trungvose

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

@@ -10,13 +10,16 @@ import { environment } from 'src/environments/environment';
 export class AuthService {
   private baseUrl: string;
   constructor(private _http: HttpClient, private _store: AuthStore) {
-    this.baseUrl = environment.API_URL;
+    this.baseUrl = environment.apiUrl;
   }
 
   login({ email = '', password = '' }: LoginPayload) {
     this._store.setLoading(true);
     this._http
-      .get<JUser>(`${this.baseUrl}/auth.json`)
+      .post<JUser>(`${this.baseUrl}/auth`, {
+        email,
+        password
+      })
       .pipe(
         map((user) => {
           this._store.update((state) => ({

frontend/src/app/project/state/project/project.service.ts

@@ -16,7 +16,7 @@ export class ProjectService {
   baseUrl: string;
 
   constructor(private _http: HttpClient, private _store: ProjectStore) {
-    this.baseUrl = environment.API_URL;
+    this.baseUrl = environment.apiUrl;
   }
 
   setLoading(isLoading: boolean) {
@@ -26,7 +26,7 @@ export class ProjectService {
   getProject(): Subscription {
     this.setLoading(true);
     return this._http
-      .get<JProject>(`${this.baseUrl}/project.json`)
+      .get<JProject>(`${this.baseUrl}/project`)
       .pipe(
         map((project) => {
           this._store.update((state) => {

frontend/src/data/auth.json

@@ -0,0 +1,4 @@
+export interface EnvironmentModel {
+  production: boolean;
+  apiUrl: string;
+}

frontend/src/data/project.json

@@ -1,4 +1,6 @@
-export const environment = {
+import { EnvironmentModel } from './environment-model';
+
+export const environment: EnvironmentModel = {
   production: true,
-  API_URL: '/data'
+  apiUrl: 'https://jira-clone-angular-api.herokuapp.com'
 };

frontend/src/environments/environment-model.ts

@@ -2,9 +2,11 @@
 // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 // The list of file replacements can be found in `angular.json`.
 
-export const environment = {
+import { EnvironmentModel } from './environment-model';
+
+export const environment: EnvironmentModel = {
   production: false,
-  API_URL: '/data'
+  apiUrl: 'http://localhost:3000'
 };
 
 /*