PokeApp

Benvenuto in PokeApp, un'applicazione Pokédex moderna e interattiva sviluppata con Angular.
Questa app permette di esplorare il mondo dei Pokémon, visualizzare statistiche dettagliate, evoluzioni, mosse e molto altro, sfruttando la potente PokéAPI.

🚀 Caratteristiche Principali

• Home Page: Una home contenente collegamenti ad altre pagine e dashboard introduttiva con statistiche e panoramiche.
• Pokédex Completo: Sfoglia l'elenco di tutti i Pokémon con caricamento Infinite Scroll.
• Dettagli Pokémon:
  • Visualizza sprite (normale e shiny) del Pokémon.
  • Statistiche base (HP, Attacco, Difesa, ecc.) visualizzate graficamente.
  • Informazioni su Tipo, Peso, Altezza e Abilità.
  • Catena Evolutiva: Visualizza le evoluzioni e le condizioni necessarie.
  • Mosse: Elenco delle mosse apprendibili per livello, macchina tecnica (TM) o uovo.
  • Relazioni Danni: Analisi delle debolezze e resistenze in base ai tipi.
• Ricerca e Filtri: Cerca Pokémon per nome o filtra per tipo/abilità.
• Statistiche: Grafici e dati sulla distribuzione dei tipi, forme e colori.
• Interfaccia Responsiva: Design moderno e "glassmorphism" ottimizzato per vari dispositivi.

🛠 Tech Stack

Il progetto è costruito utilizzando le seguenti tecnologie:

• Framework: Angular (v20)
• Linguaggio: TypeScript
• UI Components: PrimeNG & PrimeIcons
• Styling: CSS3 (con variabili CSS e Flexbox/Grid), Glassmorphism design
• Grafici: Chart.js
• API: PokéAPI (RESTful API)
• Utilities: RxJS, ngx-infinite-scroll

📦 Installazione

Per eseguire il progetto in locale, segui questi passaggi:

1. Clona il repository:

   git clone https://github.com/tuo-username/PW4-PokeApp.git
   cd PW4-PokeApp

2. Installa le dipendenze:

   npm install

3. Avvia il server di sviluppo:

   ng serve

4. Apri il browser: Naviga su http://localhost:4200/. L'applicazione si ricaricherà automaticamente se modifichi i file sorgente.

📜 Script Disponibili

• npm start: Avvia il server di sviluppo (ng serve).
• npm run build: Compila il progetto per la produzione (ng build).
• npm run watch: Compila il progetto in modalità watch.
• npm test: Esegue i test unitari con Karma (ng test).

📂 Struttura del Progetto

src/
├── app/
│   ├── dashboard/
│   ├── div-glass/
│   ├── footer/
│   ├── hamburger-menu/
│   ├── home/
│   ├── models/
│   ├── navbar/
│   ├── pokedex/
│   ├── pokemon-details/
│   ├── search-bar/
│   ├── services/
│   ├── types/
├── index.html
├── main.ts
└── styles.css

🤝 Contribuire

I contributi sono benvenuti! Sentiti libero di aprire una issue o una pull request per suggerire miglioramenti o segnalare bug.

1. Forka il progetto
2. Crea il tuo feature branch (git checkout -b feature/NuovaFeature)
3. Commetta i tuoi cambiamenti (git commit -m 'Aggiunta nuova feature')
4. Pusha sul branch (git push origin feature/NuovaFeature)
5. Apri una Pull Request

📄 Licenza

Questo progetto è distribuito sotto la licenza MIT.