Work Alignment

A 3-minute reflection tool that helps you discover what matters most in your work, see how closely your current work matches it, and identify the gap worth acting on.

UI follows a breezy, one-screen-one-job design language (cool bright canvas, dimension icons, focused steps).

Stack

• Next.js (App Router) + TypeScript + Tailwind CSS
• Prisma + SQLite (local); swap DATABASE_URL for Postgres in production
• Framer Motion for light transitions

Setup

cp .env.example .env
npm install
npx prisma migrate dev
npm run dev

Open http://localhost:3000.

SQLite data lives in data/dev.db (gitignored). For Postgres later, point DATABASE_URL at your Postgres instance and update the Prisma provider if needed.

Scripts

Command	Description
npm run dev	Start local dev server
npm run build	Production build
npm run start	Start production server
npm run db:migrate	Run Prisma migrations
npm run db:generate	Regenerate Prisma client

Specs

• Product (questions, scoring, privacy): work_alignment_product_design_spec.md
• Design (visual language, pacing, icons): work_alignment_design_spec.md