World Clock

A simple, minimalist web app that displays real-time clocks for multiple time zones:

• UTC (Coordinated Universal Time)
• Helsinki, Finland
• Manila, Philippines
• San Francisco, USA
• Beijing, China
• The Hague, Netherlands
• Sydney, Australia

Features

• Clean, minimalist design with subtle animations
• Real-time clock updates (refreshed every second)
• 12H/24H time format toggle
• Dark mode support (follows system preference)
• Day/night indicators for each timezone
• Responsive layout that works on all device sizes
• Built with Astro + Vite + TypeScript

Development

Prerequisites

• Node.js 18+ or 20+
• pnpm (or npm/yarn)

Getting Started

# Install dependencies
pnpm install

# Start development server (localhost:4321)
pnpm run dev

# Build for production
pnpm run build

# Preview production build
pnpm run preview

Tech Stack

• Framework: Astro 5.x
• Build Tool: Vite
• Language: TypeScript
• Styling: CSS with custom properties
• Fonts: Inter, Space Mono (Google Fonts)