100%

Loading experience

Home/Progetti/URBAN BARBER STUDIO
CASE 1 / FULL STACK WEB APP

URBANBARBERSTUDIO

Overview

Urban Barber Studio è un'applicazione web full stack che ho progettato e sviluppato per digitalizzare la gestione di un salone da barbiere: sito vetrina, sistema di prenotazione appuntamenti online e pannello di amministrazione per staff e servizi, il tutto in un'unica piattaforma responsive e multilingua. I saloni da barbiere gestiscono spesso le prenotazioni via telefono o messaggi, con perdita di tempo per il personale e frizione per il cliente. Ho costruito un flusso di prenotazione self-service che guida l'utente dalla scelta del servizio al barbiere preferito, fino alla selezione di data e ora, riducendo il carico amministrativo e ottimizzando l'esperienza su desktop e mobile.

Per garantire scalabilità e manutenibilità ho separato nettamente frontend e backend. Il frontend è costruito in React 19 con Vite, Tailwind CSS per il design system responsive, GSAP per le animazioni, i18next per la localizzazione multilingua e React Router per la navigazione tra le pagine. Il backend è un'API REST sviluppata con Spring Boot 3.2.2 su Java 17: Spring Security protegge l'area amministrativa e i dati sensibili, Spring Data JPA con H2 Database gestisce la persistenza, Lombok riduce il codice boilerplate.

La piattaforma include una prenotazione online guidata con selezione di servizio, barbiere e slot orario disponibile, una dashboard amministrativa protetta per visualizzare e gestire le prenotazioni in tempo reale, e un sistema multilingua per servire clienti italiani e internazionali. Notifiche e alert personalizzati guidano l'utente in ogni azione con feedback visivo immediato.

Urban Barber Studio copre l'intero ciclo di sviluppo di un prodotto reale: dal design dell'interfaccia utente alla progettazione di un'API sicura, passando per l'autenticazione, la gestione dello stato applicativo e il deploy. È un esempio concreto di come integrare un frontend moderno basato su React con un backend enterprise-grade in Spring Boot, due ecosistemi spesso trattati separatamente ma qui uniti in un flusso applicativo coerente.

Year2025
ServiceFULL STACK WEB APP
Stack
React 19ViteTailwind CSSGSAPi18nextSpring Boot 3.2Java 17Spring SecuritySpring Data JPA
Visita il progetto
URBAN BARBER STUDIO

FAQ

Che cos'è Urban Barber Studio?
È un'applicazione web full stack per la gestione di un salone da barbiere, con sito vetrina, sistema di prenotazione online e pannello di amministrazione per staff e servizi.
Quali tecnologie sono state usate per sviluppare Urban Barber Studio?
Il frontend è realizzato in React 19 con Vite e Tailwind CSS; il backend usa Spring Boot 3.2.2 su Java 17 con Spring Security e Spring Data JPA.
La piattaforma supporta più lingue?
Sì, grazie a i18next la piattaforma supporta la localizzazione completa dei contenuti per un pubblico internazionale.