Obiettivo

Realizza una pagina vetrina di prodotti utilizzando l'API di DummyJSON.

La pagina deve includere:

• Paginazione per navigare tra i prodotti.
• Filtraggio per categoria.
• Barra di ricerca generica (per nome o descrizione).

Inoltre, implementa un sistema di gestione del carrello che consenta:

• Aggiunta di prodotti al carrello.
• Rimozione di prodotti dal carrello.
• Modifica delle quantità dei prodotti.

Il progetto deve seguire il principio del Test-Driven Development (TDD).

---

Requisiti

1. API

Utilizza le API di DummyJSON per:

• Ottenere i dati dei prodotti.
• Gestire il carrello (aggiunta, rimozione, modifica delle quantità).

---

2. Funzionalità principali

Vetrina prodotti

• Paginazione: Mostra un numero limitato di prodotti per pagina.
• Filtraggio per categoria: Visualizza prodotti filtrati per categoria.
• Ricerca: Permetti di cercare prodotti per nome o descrizione.

Carrello

• Gestione completa:
  • Aggiunta di prodotti al carrello.
  • Rimozione di prodotti dal carrello.
  • Modifica della quantità dei prodotti presenti nel carrello.

---

3. Ottimizzazione

• Integra una strategia di caching per ridurre le richieste al server e migliorare le prestazioni.

---

4. Tecnologie

Framework

• Utilizza React.

Stile

• Puoi scegliere liberamente tra CSS puro, Tailwind CSS o altre librerie di stile.

Test

• Scrivi almeno 4-5 test significativi per le funzionalità principali.

---

5. Sviluppo

• Segui il principio del Test-Driven Development (TDD).
• Mantieni il codice leggibile e organizzato.

---

6. Grafica

• Sei libero di definire lo stile e il design della pagina.

---

Criteri di valutazione

La valutazione si baserà sui seguenti aspetti:

1. Qualità del codice

• Leggibilità, pulizia e manutenibilità.
• Uso di buone pratiche di sviluppo.

2. Test

• Completezza e rilevanza dei test rispetto alle funzionalità richieste.

3. Completezza

• Implementazione di tutte le funzionalità previste.

4. Performance

• Ottimizzazione delle chiamate API e interazioni efficienti.

5. Architettura

• Struttura del progetto ben organizzata.

---

Istruzioni

1. Effettua un fork di questo repository.
2. Sviluppa la tua soluzione seguendo i requisiti.
3. Esegui il commit e il push delle modifiche.

---

Nota

Hai piena libertà creativa per:

• La grafica.
• Le scelte tecniche.

Questo progetto è pensato per valutare il tuo approccio allo sviluppo e la tua capacità di affrontare sfide tecniche.

Buon lavoro! 🎉