La mia web app per gestire i miei progetti e i miei clienti

Tranquilli amici della finanza, sono clienti immaginari...

Questa è una web app sviluppata con Next.js, TailwindCSS, TypeScript, Supabase e Prisma.

Dashboard

🚀 Obiettivo del Progetto

L'obiettivo principale di questo progetto era imparare a gestire i dati con Supabase interfacciandomi tramite un ORM come Prisma, sfruttando le potenzialità di Next.js 15 e TailwindCSS. Ho progettato un'interfaccia semplice e minimalista, dando priorità alla leggibilità e alla user experience.

🏗️ Step di Sviluppo

1. Creazione e Gestione Clienti

Ho iniziato sviluppando una CRUD per la gestione dei clienti. Questo mi ha permesso di implementare le operazioni di:

  • Creazione di nuovi clienti
  • Modifica delle informazioni esistenti
  • Eliminazione dei clienti non più necessari
Gestione Clienti
Creazione Clienti

2. Gestione delle Attività

Successivamente, ho creato una sezione dedicata alla gestione delle attività. Ogni task include:

  • Selezione del cliente associato
  • Titolo dell'attività
  • Data di fine
  • Tempo preventivato
  • Descrizione del progetto
  • Possibilità di modificare e cancellare le attività
Creazione Task
Modifica Task

3. Dettagli cliente

Infine ho creato una sezione per visualizzare i dettagli del cliente, che si apre cliccando sul cliente nella dashboard, in cui si possono vedere tutte le informazioni ma soprattutto tutte le attività associate al cliente, con la possibilità di gestire le ore lavorate e le ore preventivate.

Dettagli Cliente

NOTA:

Questo progetto è solo in fase embrionale, ci sono tantissime funzionalità che voglio implementare pian piano e vorrei anche farci dei post per spiegare come ho fatto tutto, dall'interfaccia all'implementazione delle funzionalità.

🌟 Caratteristiche Principali

  • Supabase per la gestione del database
  • TypeScript per una tipizzazione più sicura
  • Shadcn/ui per componenti moderni e stilizzati

⚙️ Stack Tecnologico

  • Next.js 15
  • TailwindCSS
  • TypeScript
  • Prisma
  • Supabase