CompCalc Web

Model and compare compensation packages over time. Enter offers and assumptions (base, bonus, equity grants/vesting, raises, cost of living) to project total compensation, visualize equity value, and compare scenarios side‑by‑side. Data is stored locally in your browser. https://cbangera2.github.io/compensation-calculator/

You can now share anonymized scenarios by copying a URL that encodes your current offers and settings.

Next.js app (App Router) with React 19, Tailwind CSS 4, and Vitest.

Requirements

• Node.js 18+ (recommended LTS)
• pnpm

Install

pnpm install

Develop

pnpm dev

Open http://localhost:3000

Build & Run (production)

pnpm build
pnpm start

Test

pnpm test        # run once
pnpm test:watch  # watch mode

Lint

pnpm lint

Project structure

• src/app — routes and server functions
• src/components — UI components
• public — static assets