CaremonitorTest

This project was generated using Angular CLI version 19.2.11.

Setup Instructions

1. Clone the Repo

git clone https://github.com/Annie92/caremonitor-test.git
cd caremonitor-test

2. Install Dependencies

npm install

3. Run development server

ng s

4. Navigate to App

Visit http://localhost:4200 login using email: [email protected] and pw: 123

To Run Tests

1. Running unit test

ng test

2. Running end-to-end tests

For end-to-end (e2e) testing, run:

ng e2e

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

Additional Resources

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.

Angular(19) Caremonitor Interview Challenge Demo App

This is a simple Angular(19) application that demonstrates:

• Login and authentication using ngx-cookie-service
• Route protection (guards)
• Dashboard and item list pages
• API integration using Angular services
• State management with Signal Store in list items page
• Angular Material UI
• Lazy loading with list items page
• Loading spinners and error handling in login form

---

Architecture Overview

Folder Structure

#src/ #├── app/ #│ ├── core/ # Core module ( interceptors ) #│ ├── shared/ # Shared module (Reusable components, services, pipes, directives) #│ ├── auth/ # Auth Module (Login component, auth service, auth guard) #│ ├── features/ # Feature modules (list), feature components (dashboard) #│ ├── layout # Main layout component #│ └── app-routing.module.ts