Life Clock is a small reflective web app that turns a chosen lifespan into a 24-hour clock. Add a start date and either an end age or end date, then the app shows where the current moment lands in that one-day view.
- Maps the time between your start and end dates onto a 24-hour clock.
- Opens with a friendly setup dialog on first visit.
- Stores your clock configuration in browser local storage.
- Supports system, light, and dark color modes.
- Serves localized routes for English, Russian, and Japanese.
- Next.js 16 with the App Router and static export
- React 19 and TypeScript
- MUI 9 with Emotion
- Dayjs for date calculations
- React Hook Form and Zod
- pnpm for package management
Use Node.js 24.16.0, matching .nvmrc, and pnpm 11.4.0, matching the
packageManager field in package.json.
nvm use
corepack enable
corepack prepare pnpm@11.4.0 --activate
pnpm installStart the local development server:
pnpm devOpen http://localhost:3000 to view the app.
pnpm devRuns the Next.js development server.
pnpm lintRuns ESLint with the project configuration.
pnpm buildBuilds the static production export into out/.
pnpm startServes the production build locally after pnpm build.
This project is configured for static hosting with output: 'export' in
next.config.ts. GitHub Pages deployment is handled by the workflow in
.github/workflows/nextjs.yml.