sprint-week-2.md

Sprint - W2

Router-CRUD

Práctica para el sprint de la segunda semana, correspondiente a los temas 2-SPA y 3-Data.

Objetivos

• Funcionalidad básica para mantener proyectos.

• Usar distintas rutas y cargarlas de manera dinámica.

• Formulario para recogida de datos

• Tabla para presentación

Requisitos previos

• Partir de la funcionalidad de la aplicación del sprint 1.

Tareas

• use dummyData from environment.ts see resources below
• create HomeModule with lazy loading
• Create HomeComponent
• Enable routing HomeComponent
• Show Number of projects in HomeComponent
• create ProjectsModule with lazy loading
• Create ProjectsComponent
• Enable routing ProjectsComponent
• Show List of projects in ProjectsComponent
• Create ViewerProjectComponent
• Enable routing ViewerProjectComponent
• Show Project with for current id in ViewerProjectComponent
• Create NewProjectComponent
• Enable routing NewProjectComponent
• Show form to create a new project in NewProjectComponent
• Push new project in environment

Recursos

Usa estos datos como punto de partida.

export const environment = {
  appName: 'Training Projects',
  production: false,
  projects: [
    { id: 0, name: 'Learn Angular' },
    { id: 1, name: 'Develop My Dream app' },
    { id: 2, name: 'Travel around the world' },
    { id: 3, name: 'Clean my room' }
  ]
};

Puedes importarlo en dónde lo necesites usando algo como...

import { environment } from '../../environments/environment';
...

let projects = environment.projects;

...

Recomendación: Seguir los guiones de las lecciones 2 y 3.