Feature/create nasa service

README.md

@@ -50,3 +50,7 @@ Each Pull Request will contain explanation and steps taken to complete a feature
 ## Forms
 
 - [Reactive form, hero-edit](https://github.com/brunolm/angular-how-to/pull/12)
+
+## Services
+
+- [Adding Nasa service, consume Nasa API](https://github.com/brunolm/angular-how-to/pull/15)

package.json

@@ -28,6 +28,7 @@
     "@angular/platform-browser-dynamic": "^6.0.5",
     "@angular/router": "^6.0.5",
     "bootstrap": "^4.0.0-beta.2",
+    "camelcase-keys": "^4.2.0",
     "core-js": "^2.4.1",
     "ngx-redux-state-props": "0.0.3",
     "ngx-take-until-destroy": "^3.0.0",

src/app/shared/nasa.service.spec.ts

@@ -0,0 +1,15 @@
+import { TestBed, inject } from '@angular/core/testing';
+
+import { NasaService } from './nasa.service';
+
+describe('NasaService', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [NasaService]
+    });
+  });
+
+  it('should be created', inject([NasaService], (service: NasaService) => {
+    expect(service).toBeTruthy();
+  }));
+});

src/app/shared/nasa.service.ts

@@ -0,0 +1,36 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import camelcaseKeys from 'camelcase-keys';
+import { map } from 'rxjs/operators';
+
+interface Apod {
+  date: string;
+  explanation: string;
+  hdurl: string;
+  media_type: string;
+  service_version: string;
+  title: string;
+  url: string;
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class NasaService {
+  static baseUrl = 'https://api.nasa.gov';
+
+  static params = {
+    params: {
+      api_key: 'DEMO_KEY',
+    },
+  };
+
+  constructor(private http: HttpClient) {}
+
+  async getApod() {
+    return await this.http
+      .get(`${NasaService.baseUrl}/planetary/apod`, NasaService.params)
+      .pipe(map((response) => camelcaseKeys(response, { deep: true })))
+      .toPromise<Apod>();
+  }
+}

src/app/shared/shared.module.ts

@@ -1,12 +1,13 @@
 import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import { LayoutComponent } from './layout/layout.component';
 import { TitleComponent } from './title/title.component';
 
 @NgModule({
-  imports: [CommonModule, RouterModule],
+  imports: [CommonModule, RouterModule, HttpClientModule],
   exports: [LayoutComponent, TitleComponent],
   declarations: [LayoutComponent, TitleComponent],
 })