fix

src/app/api/black-connect.service.ts

@@ -1,9 +1,27 @@
-import { Injectable } from '@angular/core';
+import { Injectable, Injector } from '@angular/core';
+import { HTTP } from '@ionic-native/http/ngx';
+
+//import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http'
+//import 'rxjs/add/operator/map'
+//import { Observable, from } from 'rxjs'
+
+
+/*
+import { FloatSessionProvider } from '../float-session/float-session'
+import { LocationTrackerProvider } from '../location-tracker/location-tracker'
+import { FloatEventsService } from '../float-events/float-events';
+import { CONFIG } from '../app-config'
+*/
 
 @Injectable({
   providedIn: 'root'
 })
 export class BlackConnectService {
+  // data source - https://www.theblackfaces.com/feed/
+  constructor(
+    public http: HTTP
+  ) {
 
-  constructor() { }
+
+   }
 }

src/app/app-routing.module.ts

@@ -4,7 +4,16 @@ import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
 const routes: Routes = [
   {
     path: '',
-    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
+    loadChildren: () => import('./home/home.module').then(m => m.HomePageModule)
+  },
+  {
+    path: 'home',
+    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
+  }
+  ,
+  {
+    path: 'member',
+    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
   }
 ];
 @NgModule({

src/app/app.module.ts

@@ -1,3 +1,4 @@
+import { BlackConnectService } from './api/black-connect.service';
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { RouteReuseStrategy } from '@angular/router';
@@ -9,6 +10,8 @@ import { StatusBar } from '@ionic-native/status-bar/ngx';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 
+
+
 @NgModule({
   declarations: [AppComponent],
   entryComponents: [],
@@ -16,8 +19,9 @@ import { AppComponent } from './app.component';
   providers: [
     StatusBar,
     SplashScreen,
+    BlackConnectService,
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
   ],
   bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule { }

src/app/home/home.page.html

@@ -1,9 +1,9 @@
-<ion-header>
+<!--ion-header>
   <ion-toolbar>
     <ion-title>home</ion-title>
   </ion-toolbar>
-</ion-header>
+</!--ion-header-->
 
-<ion-content>
+<ion-content class="home_style">
 
 </ion-content>

src/app/home/home.page.scss

@@ -0,0 +1,13 @@
+.home_style{
+    display: flex;
+    flex-direction: column;
+    --padding-top: constant(safe-area-inset-top); //for iOS 11.2;
+    --padding-top: env(safe-area-inset-top); //for iOS 11.1
+    --padding-bottom: 40px;
+    --padding-start: 0;
+    --padding-end: 0;
+    --background: #ECECFF;
+    --background-image: url('/assets/imgs/black_home.png');
+    background-size: cover;
+}
+

src/app/tab1/tab1.page.html

@@ -1,7 +1,7 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
     <ion-title>
-      Tab 1
+      BlackFaces
     </ion-title>
   </ion-toolbar>
 </ion-header>

src/app/tab1/tab1.page.ts

@@ -1,4 +1,6 @@
 import { Component } from '@angular/core';
+import { BlackConnectService } from '../api/black-connect.service';
+
 
 @Component({
   selector: 'app-tab1',
@@ -9,4 +11,9 @@ export class Tab1Page {
 
   constructor() {}
 
+
+
+
+
+
 }