iamburakcoskun

import { NgModule } from "@angular/core";
import { Routes, RouterModule } from "@angular/router";
import { JobsComponent } from "./jobs/jobs.component";
import { HomeComponent } from "./home/home.component";
import { CompaniesComponent } from "./companies/companies.component";
import { MessagesComponent } from "./messages/messages.component";
import { LoginGuard } from "./login/login.guard";

const routes: Routes = [
  { path: "", component: HomeComponent },

iamburakcoskun

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { HttpClientModule } from "@angular/common/http";

import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import { NavComponent } from "./nav/nav.component";
import { HomeComponent } from "./home/home.component";
import { RegisterComponent } from "./register/register.component";
import { JobsComponent } from "./jobs/jobs.component";

iamburakcoskun

import {  CanActivate,  ActivatedRouteSnapshot,  RouterStateSnapshot,  Router} from "@angular/router";
import { Injectable } from "@angular/core";
import { AuthService } from "../_services/auth.service";
import { AlertifyService } from '../_services/alertify.service';

@Injectable()
export class LoginGuard implements CanActivate {
  constructor(private authservice: AuthService, private router: Router, private alertify:AlertifyService) {}

  canActivate(

iamburakcoskun

<nav class="navbar navbar-expand-md navbar-dark bg-dark">
  <a class="navbar-brand" href="#">Career App</a>
  <ul class="navbar-nav mr-auto">
    <li class="nav-item active">
      <a class="nav-link" href="#">Your Favorites <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Lists</a>
    </li>
    <li class="nav-item">

iamburakcoskun

import { Component, OnInit } from "@angular/core";
import { AuthService } from "../_services/auth.service";
import { AlertifyService } from "../_services/alertify.service";

@Component({
  selector: "app-nav",
  templateUrl: "./nav.component.html",
  styleUrls: ["./nav.component.css"]
})
export class NavComponent implements OnInit {

iamburakcoskun

import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { map } from "rxjs/operators";
import { environment } from 'src/environments/environment.prod';

@Injectable({
  providedIn: "root"
})
export class AuthService {
  constructor(private httpClient: HttpClient) { }

iamburakcoskun

import { Component, OnInit } from "@angular/core";
import { JobService } from "../_services/Job.service";
import { Job } from "src/models/Job";
import { AlertifyService } from "../_services/alertify.service";

@Component({
  selector: "app-jobs",
  templateUrl: "./jobs.component.html",
  styleUrls: ["./jobs.component.css"],
  providers: [JobService]

iamburakcoskun

<div class="row">
    <div class="col-6 col-sm-6 col-lg-6">
      <h3 class="text-muted">{{ listTitle }}</h3>
      <br />
      <ul class="list-group" *ngFor="let job of jobs">
        <div class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"      >
          <div class="flex-column">
            <b><p style="font-size: 20px;margin-bottom: -1px">
                {{ job.title }}
              </p></b>

iamburakcoskun

import { FormsModule, ReactiveFormsModule } from '@angular/forms';
...
  imports: [
...
    ReactiveFormsModule
  ],
...

iamburakcoskun

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-register',
  templateUrl: './register.component.html',
  styleUrls: ['./register.component.css']
})
export class RegisterComponent implements OnInit {

  constructor() { }