Initial commit: full fitness-rewards app

Backend: FastAPI + PostgreSQL + SQLAlchemy async
- Auth (JWT), onboarding (PAR-Q+, TTM, BREQ-2), activities, food log
- Points engine with daily gate + weekly targets
- Strava + Polar OAuth integration
- Open Food Facts barcode lookup
- Resource recommendation engine
- 10 seeded Darebee/StrongLifts/YouTube programs

Frontend: React + Vite, mobile-first dark theme
- Login/Register, 8-step onboarding flow
- Dashboard with daily gate status
- Activity logger, food logger (manual + barcode scan + search)
- Reward shop with redemption
- Weekly summary view
- Settings (point rules, targets, integrations)

Deployment: Docker Compose for Coolify (Traefik)

frontend/src/App.jsx

@@ -0,0 +1,56 @@
+import { Routes, Route, Navigate, NavLink, useNavigate } from 'react-router-dom'
+import { useState, useEffect } from 'react'
+import { hasToken, clearToken, api } from './api'
+import Login from './pages/Login'
+import Dashboard from './pages/Dashboard'
+import LogActivity from './pages/LogActivity'
+import LogFood from './pages/LogFood'
+import Rewards from './pages/Rewards'
+import Settings from './pages/Settings'
+import Onboarding from './pages/Onboarding'
+import WeekView from './pages/WeekView'
+
+function ProtectedRoute({ children }) {
+  if (!hasToken()) return <Navigate to="/login" />
+  return children
+}
+
+function NavBar() {
+  return (
+    <nav className="nav-bar">
+      <NavLink to="/" className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
+        <span className="nav-icon">🏠</span> Home
+      </NavLink>
+      <NavLink to="/log" className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
+        <span className="nav-icon">💪</span> Log
+      </NavLink>
+      <NavLink to="/food" className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
+        <span className="nav-icon">🍽️</span> Food
+      </NavLink>
+      <NavLink to="/rewards" className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
+        <span className="nav-icon">🎮</span> Rewards
+      </NavLink>
+      <NavLink to="/settings" className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
+        <span className="nav-icon">⚙️</span> Settings
+      </NavLink>
+    </nav>
+  )
+}
+
+export default function App() {
+  return (
+    <>
+      <Routes>
+        <Route path="/login" element={<Login />} />
+        <Route path="/onboarding" element={<ProtectedRoute><Onboarding /></ProtectedRoute>} />
+        <Route path="/" element={<ProtectedRoute><Dashboard /></ProtectedRoute>} />
+        <Route path="/log" element={<ProtectedRoute><LogActivity /></ProtectedRoute>} />
+        <Route path="/food" element={<ProtectedRoute><LogFood /></ProtectedRoute>} />
+        <Route path="/rewards" element={<ProtectedRoute><Rewards /></ProtectedRoute>} />
+        <Route path="/week" element={<ProtectedRoute><WeekView /></ProtectedRoute>} />
+        <Route path="/settings" element={<ProtectedRoute><Settings /></ProtectedRoute>} />
+      </Routes>
+      {hasToken() && <NavBar />}
+    </>
+  )
+}