Come primo progetto per testare la libreria React Router, ho sviluppato una semplice web app dedicata ai personaggi del celebre anime Dragon Ball, un cartone che amavo da bambino.
È stata una sfida complessa ma interessante, che mi ha permesso di capire come funziona React Router e di migliorare le mie competenze in React, TypeScript e TailwindCSS.
Una volta aperta la homepage, l'utente può andare nella pagina dei personaggi (characters), dove potrà sia cercare che filtrare
i personaggi. Una volta cercato un personaggio, verrà mostrato un pulsante per tornare alla lista completa dei personaggi. Inoltre,
i personaggi sono divisi in pagine, e ogni pagina mostra fino a 12 personaggi.
Se si clicca su un personaggio, si verrà indirizzati alla sua pagina personale con tutti i dettagli, come la descrizione, il Ki e il max. Ki, il pianeta
d'origine, e altro.
🔗 Documentazione ufficiale API: https://web.dragonball-api.com/documentation
- 🌐 Routing dinamico per ogni personaggio
- 🔎 Visualizzazione dettagliata con info e pianeta d'origine etc.
- 🎨 Styling con TailwindCSS
- 📦 Tipizzazione dei dati con TypeScript
- ⚡️ Fetch da API esterna (dragonball-api.com)
- React
- React Router DOM
- TypeScript
- TailwindCSS
- Vite (come bundler)
- Prettier (per la formattazione del codice)