import {NgModule} from '@angular/core'; import {RouterModule, Routes} from '@angular/router'; import {CupboardComponent} from './components/cupboard/cupboard.component'; import {DashboardComponent} from './components/dashboard/dashboard.component'; import {LoginComponent} from './components/login/login.component'; import {HomePageComponent} from './components/home-page/home-page.component'; import {FundingBasketComponent} from './components/funding-basket/funding-basket.component'; import {NeedPageComponent} from './components/need-page/need-page.component'; import {SignupComponent} from './components/signup/signup.component'; const routes: Routes = [ {path: '', component: HomePageComponent}, {path: 'login', component: LoginComponent}, {path: 'cupboard', component: CupboardComponent}, {path: 'dashboard', component: DashboardComponent}, {path: 'basket', component: FundingBasketComponent}, {path: 'need/:id', component: NeedPageComponent}, {path: 'signup', component: SignupComponent}, ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }