A React 19 + TypeScript dashboard for real-time multi-timezone tracking, built with a focus on performance, accessibility, and a highly interactive user interface. Users can monitor multiple cities, customize their layout, and manage clocks through an intuitive, responsive dashboard.
Core Features
- Real-Time Multi-Timezone Clock Display: Shows live time for multiple cities at a glance.
- Drag-and-Swap Clocks: Reorder clocks via drag-and-drop for a personalized dashboard.
- Customizable Themes: Switch between light and dark modes.
- Responsive Layout: Works seamlessly on desktop, tablet, and mobile devices.
- Interactive Dashboard: Intuitive interface for adding and removing clocks.
- City Search UI: Quick search to find and add new cities.
Performance Optimizations
- Efficient global state management using Redux Toolkit.
- Optimized real-time updates for smooth UI rendering.
Accessibility
- Semantic HTML structure for better screen reader support.
- Keyboard-friendly interactions for drag and controls.
- High-contrast theme support for improved readability.