Sérein — App mobile per il benessere

Contesto

Sérein è un'app mobile concept, realizzata per dimostrare una competenza diversa dai miei progetti web: lo sviluppo cross-platform nativo. L'obiettivo — un'app per il benessere, calma e minimale, che invogli a tornare ogni giorno.

La demo si apre in un browser, presentata all'interno della cornice di un telefono: è davvero un'app mobile, non un sito.

Obiettivi

• Dimostrare la padronanza di React Native / Expo, lo stack mobile di riferimento.
• Offrire un'esperienza nativa su ogni piattaforma, non un minimo comun denominatore.
• Andare oltre il mockup: un'app realmente utilizzabile, con stato persistente e percorso completo.

Soluzione

Quattro schermate pensate come un rituale quotidiano:

• Oggi — le abitudini del giorno, un anello di progresso, le serie in corso (streak) e un pulsante flottante per creare un'abitudine.
• Crea un'abitudine — un foglio modale con scelta dell'icona (griglia organizzata), scelta del colore e anteprima in tempo reale: niente di generico.
• Respira — un esercizio di coerenza cardiaca animato (5 s / 5 s), scandito da un leggero feedback aptico.
• Progressi e Profilo — griglia degli ultimi 7 giorni, serie migliore e un profilo personalizzabile (nome, avatar) creato fin dall'onboarding.

Un'esperienza nativa, per piattaforma

• iOS — icone SF Symbols, barra a schede Liquid Glass, Taptic Engine.
• Android — icone Material, vibrazioni native.
• Ovunque — tipografia curata, micro-animazioni (Reanimated) e un funzionamento 100% offline: i dati restano sul dispositivo, nessun server.

Stack

React Native + Expo (expo-router), animazioni Reanimated, archiviazione locale AsyncStorage, export web statico distribuito su Vercel. Un'unica base di codice, tre destinazioni.