DEV Community

AdriΓ‘n Bailador
AdriΓ‘n Bailador

Posted on • Originally published at thecoffeetimer.com

πŸš€ Big update drop for The Coffee Timer! β˜•

I've been heads-down building new features and polishing the experience β€” Here's what's new:

β˜• Redesigned coffee cup: A fully SVG-based ceramic mug with realistic porcelain gradients, a 3D handle, crema/foam with latte art details, and smooth steam animations. It even fills up as your The Coffee Timer session progresses.

🎡 Spotify integration (Premium) Connect your Spotify account and play playlists, songs, or artists directly inside the app while you focus. Full search + library browsing β€” no need to switch tabs.

πŸ”” Background push notifications: The timer now sends a system notification even when the tab is closed or minimised. Never miss the end of a session again.

πŸ“± Mobile responsiveness overhaul: Bigger touch targets, responsive layouts, no more overflow on small screens. The app now feels at home on any device.

⚑ Instant premium status Subscription state loads from cache instantly β€” no more waiting spinner before the UI unlocks.

πŸ”’ Smart feature gating Non-premium users see a teaser of the Spotify player (blurred, with a lock icon) to show what they're missing. Guests get a "Sign in to unlock" CTA, and free users get "Upgrade to Premium".

The Coffee Timer is a productivity app built with React + TypeScript, .NET backend, Supabase, and Stripe β€” designed to make focused work feel a little more enjoyable.

https://thecoffeetimer.com/

If you want to try it or give feedback, drop a comment πŸ‘‡

Top comments (0)