Fitness Tracker
"App di allenamento multipiattaforma sulla New Architecture di React Native — un solo codice per iOS, Android e web."
- 3
- RN 0.85
- FSD
Un tracker di allenamenti sullo stack React Native attuale invece di quello sicuro — Expo SDK 56, RN 0.85 New Architecture, React 19. Allenamenti, serie, registro del peso e metriche di salute da un solo codice.
Sviluppatore mobile — architettura, funzionalità, integrazioni native, impostazione dei test.
Problema
Le app fitness vivono o muoiono sull'attrito: i dati devono arrivare dal dispositivo che l'utente già indossa e l'accesso non può essere un modulo. Farlo su iOS e Android senza due basi di codice è il vero problema.
Approccio
- 01Ho costruito su Expo SDK 56 e RN 0.85 con la New Architecture attiva — una scelta deliberata, perché le sue API sono abbastanza diverse da far parte del progetto.
- 02Ho organizzato il codice con Feature-Sliced Design, con le regole di import garantite dal linter e non dalle convenzioni.
- 03Ho usato rotte tipizzate, così la navigazione è verificata contro l'albero dei file in compilazione.
- 04Leggo HealthKit e Health Connect dietro un'unica feature di permessi, con la differenza fra piattaforme confinata in un solo livello di mappatura.
- 05Autenticazione con Better Auth e accesso nativo Apple e Google — la prima schermata è un pulsante, non un modulo.
- 06Ho attivato il React Compiler e rimosso la memoizzazione manuale, che nasconde solo i casi che contano davvero.
- 07Ho coperto il ciclo principale con Jest e flussi end-to-end scriptati.
Risultato
- →Un solo codice per iOS, Android e una build web statica.
- →Metriche di salute lette in modo nativo su entrambe le piattaforme tramite un unico livello di permessi.
- →Accesso nativo Apple e Google — nessuna schermata con password nell'onboarding.
- →I confini dell'architettura sono garantiti dagli strumenti, quindi la struttura sopravvive ai nuovi contributori.
- →Pipeline di build cloud configurata per rilasci ripetibili.
Impatto sul business
Un solo repository per due store e il web mantiene lineare il costo di ogni funzionalità invece di raddoppiarlo per piattaforma. Leggere i dati di salute in modo nativo rende l'app utile prima del primo inserimento manuale — il momento in cui la maggior parte delle app fitness viene disinstallata.
Sotto il cofano
App
- Expo SDK 56 · React Native 0.85
- React 19 · React Compiler
- expo-router · rotte tipizzate
- TypeScript strict
Integrazioni native
- HealthKit (iOS) · Health Connect (Android)
- Apple Sign-In · Google Sign-In
- Moduli Expo · dev client
- Varianti web per piattaforma
Architettura e qualità
- Feature-Sliced Design · sotto linter
- Jest · Testing Library
- Flussi E2E scriptati
- Linter FSD Steiger
Rilascio
- Pipeline Cloud Build
- Output web statico
- Progetti nativi iOS e Android
- Deep linking
Hai un sistema da costruire?
Pagamenti, integrazioni, mobile, pipeline di dati — se deve funzionare senza sorveglianza ed essere corretto, è il lavoro che prendo. Dall'architettura al lancio, e resto per tenerlo in piedi.