WholeFit โ All-in-One Fitness & Nutrition App (Complete MVP)
Overview
A turnkey health and fitness app that combines workout programs, meal planning, and food/drink logging into one unified experience โ replacing 3-4 separate apps for the end user.
What's Included:
๐จ Complete Brand & Design
Brand guidelines with Emerald Green palette, typography, and UI specs
30 design mockups and assets: workout screens, meal planner, food logger, dashboard, onboarding, subscription paywall
Logo concepts, iconography, and component library
Design tokens guide for consistent implementation
โ๏ธ Frontend App (Vite + React + TypeScript + Tailwind v4)
27 source files across 10 feature pages
Interactive workout player with timer, rest intervals, and progress tracking
7-day meal planner with macro rings and food search
Food/drink logger with portion selector and FDA nutrition label
User dashboard, onboarding flow, profile, and settings
Dark/light mode, responsive mobile-first layout
Axios API client with JWT authentication
โ๏ธ Backend API (Node.js/Express + SQLite)
JWT authentication with password hashing and password reset
Full REST API: workouts, exercises, foods, food logs, meal plans, subscriptions
Freemium subscription gating (free tier with limits, Pro tier)
Seed data with exercises, workouts, and food database
API documentation
๐ฅ AI Team Included
Product Designer โ handles UI/UX, branding, and image generation
Frontend Engineer โ builds and maintains the web app
Backend Engineer โ manages APIs, database, and subscriptions
Revenue Model (pre-architected)
Freemium tier with limited workouts and basic logging
Premium subscription at $9.99/month or $79.99/year
Subscription gating logic already implemented in the backend
Tech Stack: Vite, React, TypeScript, Tailwind CSS, Node.js, Express, SQLite, Lucide Icons