Days at Work--

An elegant countdown application to track time until leaving a job, featuring business day calculations, Japanese holiday integration, and philosophical reflections on freedom.

Next.js 16 React 19 TypeScript Tailwind CSS Motion date-fns
Overview

Days at Work-- is a sophisticated countdown application that helps users track time until their exit date with precision and meaning. Beyond simple day counting, it calculates business days by excluding weekends, Japanese public holidays, and custom off-days. The app includes milestone celebrations at 25%, 50%, and 75% progress, an animated progress bar, and a thoughtful '/freedom' page exploring what freedom truly means beyond just leaving a job. Built with modern web technologies, it demonstrates advanced date calculations, state management, and delightful micro-animations.

Key Challenges
  • Implementing accurate business day calculations with Japanese holidays
  • Creating smooth real-time countdown animations
  • Managing complex date state with localStorage persistence
  • Designing milestone celebration UX without being intrusive
  • Balancing technical precision with philosophical depth
What I Learned
  • Next.js 16 App Router with Turbopack
  • Advanced date-fns and dayjs usage for complex calculations
  • Motion library for declarative animations
  • Custom React hooks for countdown logic
  • Integration with date-holidays library for localization
  • OKLCH color system in Tailwind CSS
  • Philosophical product design and meaningful user experiences
Project Info

Status

Active Development

Technology Stack

Next.js 16
React 19
TypeScript
Tailwind CSS
Motion
date-fns