sign up added

.REMEMBER

@@ -6,4 +6,7 @@ $ ionic generate page contact
 $ ionic generate component contact/form
 $ ionic generate component login-form --change-detection=OnPush
 $ ionic generate directive ripple --skip-import
-$ ionic generate service api/user
+$ ionic generate service api/user
+
+
+ionic g service services/WrenchService

src/app/services/wrench-service.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { WrenchServiceService } from './wrench-service.service';
+
+describe('WrenchServiceService', () => {
+  let service: WrenchServiceService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(WrenchServiceService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/wrench-service.service.ts

@@ -0,0 +1,33 @@
+//import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { environment } from 'src/environments/environment';
+
+export interface ApiResult {
+  page: number;
+  results: any[];
+  total_pages: number;
+  total_results: number;
+}
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WrenchServiceService {
+
+  constructor(private http: HttpClient) {}
+ 
+  getTopRatedMovies(page = 1): Observable<ApiResult> {
+    return this.http.get<ApiResult>(
+      `${environment.baseUrl}/movie/popular?page=${page}&api_key=${environment.apiKey}`
+    );
+  }
+ 
+  getMovieDetails(id: string): Observable<any> {
+    return this.http.get<ApiResult>(
+      `${environment.baseUrl}/movie/${id}?api_key=${environment.apiKey}`
+    );
+  }
+}

src/app/start-page/start-page.page.html

@@ -11,7 +11,7 @@
         <ion-card-header>
           <ion-card-title>myFit</ion-card-title>
           <ion-card-subtitle>
-            your Healty Fliestyle Assistant
+            your Healty LifeStyle Assistant
           </ion-card-subtitle>
         </ion-card-header>
 

src/app/user-login/user-login.page.html

@@ -19,9 +19,12 @@
           <ion-label position="floating">Password</ion-label>
           <ion-input type="password" required></ion-input>
         </ion-item>
-        <ion-item lines="full">
-          <ion-button type="submit" color="danger" size="small" (click)="completeLogin()">Sign In</ion-button>
-        </ion-item>
+        
+        <ion-row>
+          <ion-col>
+            <ion-button type="submit" expand="block" shape="round" (click)="completeLogin()">Sign In</ion-button>
+          </ion-col>
+        </ion-row>
         <ion-row>
           <ion-col>
             <a [routerLink]="['/forgot-password']" class="small-text">Forgot Password?</a>

src/app/user-signup/user-signup.page.html

@@ -3,10 +3,43 @@
     <ion-buttons slot="start">
       <ion-back-button></ion-back-button>
     </ion-buttons>
-    <ion-title>Sign up</ion-title>
+    <ion-title>Sign Up</ion-title>
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
 
+<ion-content>
+  <form class="login_box">
+    <ion-card>
+      <ion-card-content>
+        <ion-item lines="full">
+          <ion-label position="floating">Firstname</ion-label>
+          <ion-input type="text" required></ion-input>
+        </ion-item>
+        <ion-item lines="full">
+          <ion-label position="floating">Lastname</ion-label>
+          <ion-input type="text" required></ion-input>
+        </ion-item>
+        <ion-item lines="full">
+          <ion-label position="floating">Email(username)</ion-label>
+          <ion-input type="text" required></ion-input>
+        </ion-item>
+        <ion-item lines="full">
+          <ion-label position="floating">Password</ion-label>
+          <ion-input type="password" required></ion-input>
+        </ion-item>
+        
+        <ion-row>
+          <ion-col>
+            <ion-button type="submit" expand="block" shape="round">Sign Up</ion-button>
+          </ion-col>
+        </ion-row>
+        <ion-row>
+          <ion-col>
+            <a [routerLink]="['/login']" class="small-text">Already have an account ?</a>
+          </ion-col>
+        </ion-row>
+      </ion-card-content>
+    </ion-card>
+  </form>
 </ion-content>

src/app/userpage/user-dash/user-dash.page.html

@@ -14,7 +14,7 @@
     </ion-card-content>
     <ion-slides pager="true">
       <ion-slide *ngFor="let x of slides_items; let i = index">
-        <ion-button shape="round" size="default"  class="slide_c" outline
+        <ion-button shape="round" size="default" class="slide_c" outline
           (click)="selectedMenu(x)">{{x.name}}</ion-button>
       </ion-slide>
     </ion-slides>
@@ -24,11 +24,9 @@
 
     </div>
     <ion-grid class="box_below">
-
       <ion-grid>
         <ion-row class="home_box_card">
           <ion-col>
-
             <ion-card class="first_card">
               <ion-card-header>
                 <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
@@ -90,7 +88,7 @@
   </div>
 
   <ion-grid>
-    <ion-row class="block_list" *ngFor="let item of blogData"  (click)="selectedBlog(item)">
+    <ion-row class="block_list" *ngFor="let item of blogData" (click)="selectedBlog(item)">
       <ion-col><img alt={{item.post_title}} src={{item.meta_value}} /></ion-col>
       <ion-col>
         {{item.post_title}}