🗂️ TaskMaster - Gestione Progetti e Task in Angular

---

📖 Descrizione

TaskMaster è una piattaforma web per la gestione progetti e task, sviluppata con Angular 17.
Consente di creare e gestire progetti, aggiungere task, monitorare stati e priorità, e visualizzare statistiche tramite una dashboard intuitiva e responsive.

L'app sfrutta le migliori pratiche Angular: componenti smart/presentational, lazy loading, dependency injection e Reactive Forms.

---

🎯 Funzionalità principali

• Autenticazione e Autorizzazione: login/registrazione, JWT, route guards
• Gestione Progetti: CRUD, categorizzazione, condivisione, dashboard statistiche
• Gestione Task: stati (da fare, in corso, completati), priorità, filtri e ricerca avanzata
• UI/UX: responsive con Angular Material, tema chiaro/scuro, animazioni di transizione
• Componenti Modulari: Core, Shared, Features, Auth
• Forms e Validazioni: Reactive Forms, validator personalizzati, form arrays
• HTTP Client: Interceptor per token, retry automatico, caching

---

🧩 Struttura del progetto

src/ ├── app/ │ ├── core/ # Servizi essenziali (auth, http, guards) │ ├── shared/ # Componenti, direttive e pipe riutilizzabili │ ├── features/ # Dashboard, progetti, tasks, user-profile │ ├── auth/ # Autenticazione e autorizzazione │ ├── app-routing.module.ts │ ├── app.component.ts │ └── app.module.ts ├── assets/ └── environments/

yaml Copia codice

---

🔗 Tecnologie utilizzate

• Angular 17 (Componenti e Moduli)
• TypeScript con interfacce e enumerazioni
• Angular Material per UI
• RxJS per gestione reattiva
• REST API per comunicazione backend
• Lazy loading e OnPush change detection

---

⚙️ Requisiti

• Node.js (>=16)
• Angular CLI (>=15)
• npm o yarn

---

🚀 Avvio del progetto

1. Clona il repository:

git clone <url-repository>
cd taskmaster-angular
Installa le dipendenze:

sh
Copia codice
npm install
Avvia l’app:

sh
Copia codice
ng serve
Apri il browser su http://localhost:4200.

👨‍💻 Autore
Valerio Bottari
📧 Email: valeriobottari99@gmail.com
🌐 GitHub: imvalez

🔖 Note
L'app segue le best practice Angular: modularità, reactive forms, lazy loading

Tutti i dati sono sincronizzati con backend tramite API REST

Design responsive e accessibile