Tech Stack & Architecture
Built with modern technologies for performance and scalability.
Technologies
React Native
CoreCross-platform mobile development framework
Expo Router
CoreFile-based routing for React Native
TypeScript
CoreType-safe JavaScript for better developer experience
expo-location
Expo SDKGPS tracking for activity monitoring
expo-sensors (Accelerometer)
Expo SDKStep counting and movement intensity detection
expo-notifications
Expo SDKReminders and tracking status notifications
React Native Maps
UIDisplay maps and activity routes
AsyncStorage
StorageLocal persistence for tracking sessions and app state
Zustand
StateState management for auth, user, toast, modal, and more
i18n (react-i18next)
InternationalizationMulti-language support with JSON locale files
Project Structure
app/
Main application screens
- •
(tabs)/ – main tab screens - •
activity/ – activity tracking, history, statistics - •
auth/ – sign in, sign up, forgot password, verify - •
food/, sleep/, water/, work/, news/, user/setting/ – feature modules
components/
Reusable UI components
- •
ActivityCard, ReminderList, LockScreen, etc.
hooks/
Custom React hooks
- •
useActivityTracking.ts – centralized activity tracking logic - •
useUnits.ts, useNotification.ts – utility hooks
context/
React contexts for global state
- •
appThemeContext.tsx, unitContext.tsx – theme and unit settings
stores/
Zustand state stores
- •
Auth, user, toast, modal stores
utils/
Shared utilities and helpers
- •
activityHelper.ts – distance, speed, time, calories calculations - •
activityNotificationService.ts – notification helpers - •
convertTime.ts, convertMeasure.ts, validate.ts