funky-framadate-front/src/app/config/Routes.ts

import {FormContainerComponent} from '../form-container/form-container.component';
import {KindComponent} from '../pages/kind/kind.component';
import {DatesComponent} from '../pages/dates/dates.component';
import {VisibilityComponent} from '../pages/visibility/visibility.component';
import {ResumeComponent} from '../pages/resume/resume.component';
import {PicturesComponent} from '../pages/pictures/pictures.component';
import {EndConfirmationComponent} from '../pages/end-confirmation/end-confirmation.component';
import {AnswersComponent} from '../pages/answers/answers.component';
import {CreateOrRetrieveComponent} from '../page/create-or-retrieve/create-or-retrieve.component';
import {BaseComponent} from '../pages/base-page/base.component';

/**
 * each step in the form is a component
 */
export const Routes =
    [
        {path: '', component: CreateOrRetrieveComponent},
        {path: 'home', component: FormContainerComponent},
        {path: 'base', component: BaseComponent},
        {path: 'step/creation', component: CreateOrRetrieveComponent},
        {path: 'step/date', component: DatesComponent},
        {path: 'step/kind', component: KindComponent},
        {path: 'step/answers', component: AnswersComponent},
        {path: 'step/pictures', component: PicturesComponent},
        {path: 'step/visibility', component: VisibilityComponent},
        {path: 'step/resume', component: ResumeComponent},
        {path: 'step/end', component: EndConfirmationComponent},
    ]
;