ZoneWise

A modern timezone converter app that helps you visualize and manage time across multiple timezones.

Features

• Add and manage multiple cities/timezones
• Drag and drop to reorder timezones
• Set a home timezone that serves as reference
• Visual timeline with color-coded time of day
• Copy time information with Cmd/Ctrl+C
• Dark mode support
• 12-hour and 24-hour time format options
• Date navigation and calendar selection
• Daylight Saving Time (DST) change indicators
• Responsive design

Technologies Used

• React
• Luxon for timezone handling
• React DnD for drag and drop functionality
• React Calendar for date selection

Development

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository
2. Install dependencies:

   npm install
   

3. Start the development server:

   npm start
   

Building for Production

npm run build

Deployment

This app is configured for easy deployment on Vercel:

1. Connect your GitHub repository to Vercel
2. Vercel will automatically detect the React app and use the correct build settings
3. Deploy!

License

MIT