A modern, elegant web application that helps you share and synchronize time across different time zones. Built with Next.js 15, React 19, and TypeScript.
- 🌍 Universal Time Sharing: Create shareable links that automatically convert times to the recipient's local timezone
- 🎯 Precise Time Selection: Interactive date-time picker with hour, minute, second, and AM/PM selection
- 🌐 Comprehensive Time Zone Support: Access to all major time zones, organized by region
- 🎨 Modern UI: Beautiful, responsive design using Shadcn UI and Tailwind CSS
- 🌓 Dark Mode Support: Seamless light/dark mode switching
- ✨ Interactive Feedback: Delightful confetti animation when copying links
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- UI Components:
- Shadcn UI
- Radix UI Primitives
- Tailwind CSS
- Date/Time Libraries:
- Luxon
- date-fns
- date-fns-tz
- @vvo/tzdb
- Validation: Zod
- Development:
- ESLint
- Prettier
- TypeScript
- Turbopack
- Node.js 22.0.0 or later
- pnpm (recommended) or npm
- Clone the repository:
git clone https://github.com/sevadus/zonr.git
cd zonr- Install dependencies:
pnpm install- Start the development server:
pnpm dev- Open http://localhost:3000 in your browser.
- Select your desired date and time using the interactive picker
- Choose the appropriate timezone
- Copy the generated shareable link
- Share the link with others - they'll see the time converted to their local timezone!
pnpm dev- Start development server with Turbopackpnpm build- Build for productionpnpm start- Start production serverpnpm lint- Run ESLintpnpm build:pages- Build for Cloudflare Pages
zonr/
├── src/
│ ├── app/ # Next.js app router files
│ │ ├── features/ # Feature-specific components
│ │ └── ui/ # Reusable UI components
│ └── lib/ # Utility functions and helpers
├── public/ # Static assets
└── [config files] # Configuration files
Contributions are welcome! Please feel free to submit a Pull Request.
This project is open source and available under the MIT license.
Made with ❤️ by Sevadus