fitness•2026

Deficit PH

Mobile calorie tracker for sustainable fat-loss goals

An in-progress mobile calorie tracker focused on healthy deficit habits. Current scope is the full UI flow for onboarding, dashboard, food logging, progress, and profile screens using mocked data.

React NativeTypeScriptExpoNutrition TrackingMobile UX

Gallery

Impact

UI Flow

Current Stage

Mock Data

Data Source

Mobile App

Platform

My Role

Mobile App Developer

Built the complete mobile UI flow from welcome/auth to profile
Designed a 3-step onboarding experience for user setup and goals
Implemented dashboard, food logging, progress, and profile UI screens
Built custom food and detailed log forms for tracking UX
Wired all screens with mock data for realistic product flow testing

Project Details

Year

2026

The Journey

⚠️Challenges

•Designing a smooth end-to-end UX before backend and API integration
•Keeping mock states and flows consistent across many screens
•Balancing detailed nutrition forms with mobile-friendly simplicity
•Preparing UI architecture for later integration without refactors

💡Solutions

•Standardized reusable screen sections and component patterns
•Used realistic mock datasets for logs, streaks, and progress history
•Built clear, structured form layouts for food input and logging
•Organized state and UI structure to plug into APIs later

Outcomes

Delivered a complete high-fidelity UI prototype for major user flows
Validated interaction patterns before integration work
Established a solid base for backend/auth/data implementation
Enabled faster design and UX iteration through mock-driven development

Interested in my work?

I'm available for freelance projects and full-time opportunities

View More Projects