Time Grid

• 

  Select workspace

• 

  Manage workspace

• 

  Add location

• 

  Add workspace

• 

  Add timezone

• 

  Main app

• 

  Sign In

• 

  Signed In State

Inspiration

We often found ourselves scheduling meetings and collaborating with teams across different time zones. Existing tools were either cluttered or unintuitive. We wanted something simple, elegant, and fast—an app that would help us instantly understand and compare times around the world without distractions.

What it does

Time Grid allows users to track multiple time zones in a clean, minimal interface. Users can search for cities, pin time zones they care about, and easily compare current times. The interface updates in real-time and displays the relative time difference from the user’s local time.

How we built it

We built the app using Next.js for the frontend, TailwindCSS for styling, and Redis for optional user preferences storage. We used some Time API, bigdatacloud api, Ipapi and Openstreetmap to fetch accurate time data and implemented client-side rendering for instant updates. The UI is responsive and optimised for both desktop and mobile. We've implemented Kinde auth to persist data for longer terms.

Challenges we ran into

Designing a clean UI that could adapt to various screen sizes while displaying complex timezone information was a challenge. We also had to ensure time updates were precise and lightweight, which required performance optimisations around API polling and re-rendering.

Accomplishments that we’re proud of

We’re proud of the simplicity and elegance of the final product. Users can onboard with zero friction, and the app remains fast and intuitive even when tracking over 10 time zones. We also managed to ship the MVP within a week while maintaining a high level of polish.

What we learned

We learned a lot about time zone edge cases, like daylight savings time and non-standard offsets. We also improved our skills in UI design for clarity and responsiveness, and reinforced the importance of keeping product scope focused for MVPs.

What’s next for Time Grid

We plan to add features like time-based notifications, calendar integrations, and a “meeting planner” tool that visualises overlaps between different zones. We also want to allow logged-in users to sync their preferences across devices using Auth platforms.

Built With

• bolt
• dnd-kit
• kinde
• nextjs
• react
• redis
• typescript