import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { appRoutes } from './routerConfig';
import { HttpClientModule } from '@angular/common/http';
import { ReactiveFormsModule } from '@angular/forms';

import { JobService } from './job.service';
import { DiaryService } from './diary.service';

import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { EditComponent } from './edit/edit.component';
import { AboutComponent } from './about/about.component';
import { ReadComponent } from './read/read.component';
import { AddComponent } from './add/add.component';
import { LoginComponent } from './login/login.component';
import { CalenderComponent} from './calender/calender.component';
import { StartComponent } from './start/start.component';

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    EditComponent,
    AboutComponent,
    ReadComponent,
    AddComponent,
    LoginComponent,
    CalenderComponent,
    StartComponent

  ],
  imports: [
    BrowserModule, RouterModule.forRoot(appRoutes), HttpClientModule, ReactiveFormsModule
  ],
  providers: [DiaryService, JobService],
  bootstrap: [AppComponent]
})
export class AppModule { }
