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)