Quick Start

// Login component handles authentication
handleLogin() {
  const { email, password } = this.loginForm.value;
  const user = this.users.find(u => 
    u.email === email && u.password === password
  );
  
  if (user) {
    localStorage.setItem('userRole', user.role);
    this.router.navigate(['/home']);
  }
}

{
  id: 1,
  nombre: 'Juan Pérez',
  edad: 45,
  phone: '600 123 456',
  email: '[email protected]',
  address: 'Calle Mayor 123, Madrid',
  medication_allergies: 'Penicilina',
  health_status: 'Estable. Requiere limpieza profunda.',
  estado: 'activo'
}

# Edit any file in src/
# Save the file
# Watch the terminal output:

Files changed: src/app/patient/patient.ts
Rebuilding...

✔ Browser application bundle generation complete.

[0.856 seconds]

src/
├── app/
│   ├── app.ts              # Root component
│   ├── app.routes.ts       # Route configuration
│   ├── app.config.ts       # Application config
│   │
│   ├── login/              # Authentication module
│   │   ├── login.ts        # Login component
│   │   ├── login.html      # Login template
│   │   └── login.css       # Login styles
│   │
│   ├── patient/            # Patient management
│   │   ├── patient.ts      # Patient list component
│   │   ├── patient.html
│   │   └── patient.css
│   │
│   └── services/           # Shared services
│       ├── patient.service.ts
│       ├── appointment.service.ts
│       └── treatment.service.ts
│
├── main.ts                 # Application bootstrap
├── styles.css              # Global styles
└── index.html              # HTML entry point

import { Component, inject } from '@angular/core';
import { Router } from '@angular/router';
import { PatientService } from '../services/patient.service';

@Component({
  selector: 'app-patient',
  standalone: true,
  imports: [CommonModule, FormsModule, RouterModule],
  templateUrl: './patient.html',
  styleUrl: './patient.css'
})
export class Patient implements OnInit {
  patients: PatientData[] = [];
  
  constructor(private patientService: PatientService) { }
  
  ngOnInit(): void {
    this.patients = this.patientService.getPatients();
  }
}

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class PatientService {
  private patients: PatientData[] = [/* sample data */];
  
  getPatients(): PatientData[] {
    return this.patients;
  }
  
  getPatientById(id: number): PatientData | undefined {
    return this.patients.find(p => p.id === id);
  }
  
  addPatient(patient: any): void {
    this.patients.push({
      ...patient,
      id: this.patients.length + 1
    });
  }
}