This is a Next.js project bootstrapped with create-next-app
.
Progetto giocattolo per lo studio del framework React/Next.
- Dottore
- Paziente
- Dottore
- Può aggiungere uno o più pazienti all’interno della piattaforma.
- Per ogni paziente, può creare una o più diete composte a loro volta da una più settimana e gestire l'andamento di quest'ultima.
- Visualizzazione appuntamenti tramite calendario.
- Paziente
- Consultare la propria dieta.
- Modificare le proprie credenziali d’accesso.
- Calcolare la spesa da fare in base alle quantità delle pietanze all’interno delle caselle selezionate all’interno della settimana.
- Export della dieta.
- Dottore
- Aggiunta di pazienti all’interno della piattaforma web.
- Per ogni paziente, creazione/modifica/ripristino delle credenziali d’accesso.
- Per ogni paziente, creazione/modifica di diete composte da 1 o più settimane
- Ogni settimana conterrà per ogni riga un giorno della settimana (Lun -> Dom) e per ogni colonna i vari pasti (Colazione, Spuntino 1, Pranzo, Spuntino 2, Cena).
- Ogni pasto conterrà le pietanze (per facilitare il calcolo spesa, vedi scenario Paziente - 3).
- Per ogni paziente, inserimento/modifica di dati riguardanti l’andamento della dieta (KPI) sotto forma di grafici.
- Storicizzare/Archiviare diete passate
- Visualizzazione appuntamenti tramite calendario.
- Paziente
- Visualizzazione della dieta.
- Modificare le proprie credenziali d’accesso.
- Selezionando le celle (giorni/pasto) di una settimana, deve essere calcolata la spesa necessaria da fare.
- Esportazione della dieta in formato excel o PDF (stampa).
Qui di seguito sono indicate le path attualmente accessibili, il simbolo indica lo stato attuale dei lavori. Anche le view con ✅ sono da considerarsi in WIP.
- ✅ Home Page (/) Login
- ✅ Dottore (/dashboard) Pazienti, utenze, calendario appuntamenti
- 🚧 Utenti (/users/[id]) Modifica credenziali paziente, andamento dieta, statistiche, impostazioni dieta
- ✅ Paziente (/diet) Visualizzazione dieta, andamento dieta, modifica credenziali
Per prima cosa, avvia il server di sviluppo:
npm run dev
# oppure
yarn dev
# oppure
pnpm dev
Apri http://localhost:3000/project-puok nel tuo browser per vedere il risultato.
Puoi iniziare a modificare la pagina modificando app/page.tsx
. La pagina si aggiornerà automaticamente mentre modifichi il file.
Questo progetto utilizza next/font
per ottimizzare e caricare automaticamente Inter, un carattere personalizzato di Google Font.