Schedule across timezones

Schedule across timezones

Screen shot of Timezone comparison Home
Screen shot of Timezone comparison Home
Screen shot of Timezone comparison Home

Overview

Personal project, started on Lovable, modified further on Cursor AI & Claude Code for the latest release.

TimeSync is a minimally designed, mobile-first web application specifically created for people who coordinate international meetings. It's a time zone comparison tool that makes it simple to see what time it will be across different locations simultaneously.

Features

  • Auto-Detection: Automatically detects and displays your current time zone as the primary reference point

  • Interactive Time Setting: Large, touch-friendly time carousels (those big numbers you can scroll through) to set your desired meeting time

  • Real-Time Conversion: As you adjust the time, all added time zones update instantly to show the corresponding local time

  • Clean Time Zone Management: Add up to 4 additional time zones with a simple search interface

  • Mobile-Optimized: Designed specifically for mobile use with large, easy-to-tap controls

  • Sharable link: Set your timezones and sopy link to share with your team

Outcomes & Learnings

The design philosophy is minimal and focused - no unnecessary features, just a clean tool that does one thing exceptionally well for people who need to coordinate across time zones quickly and accurately.

This is my playground to make mistakes while learning to code. I've learnt a lot about Cursor & Claude Code while building this app. Feel free to get in touch to learn more about how I did it.

Design Insights for Product Builders

Design Insights for Product Builders

Design Insights for Product Builders

I share AI product insights and frameworks in my weekly newsletter

I share AI product insights and frameworks in my weekly newsletter