Beauty Boutique - ASW PROJECT 2026

Applicazione web full-stack per la gestione di un centro estetico.

Funzionalità

• Presentazione del centro estetico e dei servizi
• Registrazione e autenticazione degli utenti
• Verifica delle disponibilità
• Richiesta di prenotazione
• Area cliente con prenotazioni future e storico
• Area amministrativa per:
  • confermare o rifiutare prenotazioni
  • modificare servizi, durata, prezzo e visibilità
• Notifiche realtime tramite Socket.IO

Tecnologie

Frontend

• Vue 3
• TypeScript
• Vite
• Tailwind CSS
• Socket.IO

Backend

• Node.js
• Express
• TypeScript
• MongoDB
• Socket.IO

Struttura

centro-estetico-esame/ -> client/ # Applicazione Vue -> server/ # API Express e Socket.IO

Requisiti

• Node.js 20.19 o successivo
• npm
• MongoDB locale oppure MongoDB Atlas

Configurazione

Configurazione del backend

Accedere alla cartella del server e installare le dipendenze:

cd server
npm install

Creazione del file server/.env:

PORT=3000
MONGODB_URI=mongodb://localhost:27017/centro-estetico
CLIENT_URL=http://localhost:5173
AUTH_TOKEN_SECRET=inserire-un-token-segreto

Inizializzazione dei servizi:

npm run seed:services

Avvio del backend per lo sviluppo

Avvio del backend:

npm run dev

Avvio del backend per la produzione

Compilazione del progetto:

npm run build

Avvio del codice compilato:

npm start

Configurazione del frontend

Aprire un nuovo terminale, accedere alla cartella del client e installare le dipendenze:

cd client
npm install

Avvio del frontend per lo sviluppo

Avvio del client:

npm run dev

Build del frontend per la produzione

Compilazione del progetto:

npm run build

La build viene generata nella cartella:

client/dist