Initial project setup for PhaseFlow
Set up Next.js 16 project with TypeScript for a training decision app that integrates menstrual cycle phases with Garmin biometrics for Hashimoto's thyroiditis management. Stack: Next.js 16, React 19, Tailwind/shadcn, PocketBase, Drizzle, Zod, Resend, Vitest, Biome, Lefthook, Nix dev environment. Includes: - 7 page routes (dashboard, login, settings, calendar, history, plan) - 12 API endpoints (garmin, user, cycle, calendar, overrides, cron) - Core lib utilities (decision engine, cycle phases, nutrition, ICS) - Type definitions and component scaffolding - Python script for Garmin token bootstrapping - Initial unit tests for cycle utilities 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
20
src/components/dashboard/nutrition-panel.tsx
Normal file
20
src/components/dashboard/nutrition-panel.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
// ABOUTME: Dashboard panel showing nutrition guidance.
|
||||
// ABOUTME: Displays seed cycling and macro recommendations.
|
||||
import type { NutritionGuidance } from "@/types";
|
||||
|
||||
interface NutritionPanelProps {
|
||||
nutrition: NutritionGuidance;
|
||||
}
|
||||
|
||||
export function NutritionPanel({ nutrition }: NutritionPanelProps) {
|
||||
return (
|
||||
<div className="rounded-lg border p-4">
|
||||
<h3 className="font-semibold mb-4">NUTRITION TODAY</h3>
|
||||
<ul className="space-y-2 text-sm">
|
||||
<li>🌱 {nutrition.seeds}</li>
|
||||
<li>🍽️ Carbs: {nutrition.carbRange}</li>
|
||||
<li>🥑 Keto: {nutrition.ketoGuidance}</li>
|
||||
</ul>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user