A calm self-reflection web app built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, TanStack Query, Supabase scaffolding, and Groq AI stubs.
- Full App Router foundation for:
/,/tests,/tests/[slug],/results/[id],/ai-interpreter/check-in,/dashboard,/reflection-tools,/collections,/learn,/saved-thoughts,/privacy,/about
- Dual light/dark theme toggle with persisted preference
- Typed mock-first data for tests, collections, learn articles, tools, check-ins, and sample results
- Reusable component architecture (cards, filters, question flow, results blocks, AI modes, check-in form, state components)
- Supabase utilities + SQL schema and RLS policies scaffold
- Groq AI server utilities + API route stub (
/api/ai/interpret)
- Install dependencies:
pnpm install- Create environment file:
cp .env.example .env- Fill required variables in
.env:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSUPABASE_SERVICE_ROLE_KEYGROQ_API_KEYGROQ_MODELNEXT_PUBLIC_APP_URL
- (Optional now, required for real persistence) apply schema in Supabase SQL editor:
supabase/schema.sql
pnpm devpnpm lint
pnpm build- This version is intentionally mock-first for UI and local flows.
- Supabase/Groq integrations are scaffolded and typed, ready for full auth/data wiring.
- The app language and disclaimers are explicitly non-clinical and reflection-focused.