DEV Community

Yash Soundane
Yash Soundane

Posted on

🎯 I Built a Pomodoro Timer Web App β€” My First Mini-Product with HTML, CSS & JS!

Hey devs πŸ‘‹

I've been learning and practicing frontend development, and I just completed my first real-world project: a clean and customizable Pomodoro Timer web app! πŸ•’πŸ…


πŸ”§ What I Built

It's a simple productivity tool that helps you stay focused during work or study sprints. I wanted to build something functional, good-looking, and useful β€” and it really helped sharpen my JS skills.


πŸš€ Features:

  • ⏳ Custom Pomodoro session length
  • πŸ”Š Beep sound alert when time's up
  • πŸ–±οΈ Start, Stop, and Reset controls
  • 🧼 Clean UI with the Poppins font
  • 🎯 No ads, no fluff β€” just focus

πŸ› οΈ Tech Stack:

  • HTML5
  • CSS3
  • Vanilla JavaScript

🌐 Try It Out:

Live Demo: [https://pomodoro-by-yash.netlify.app]

Gumroad (support me ❀️): [https://codewithyash.gumroad.com/l/pomodoro-timer-by-Yash]

🧠 What I Learned:

  • DOM manipulation using JS
  • Handling user input and timer logic
  • Creating dynamic UI updates
  • Hosting with Netlify
  • Publishing a mini-product on Gumroad

πŸ™ I'd Love Your Feedback:

Let me know what you think about the app β€” design, features, or anything I can improve.

This is just my first launch β€” more mini products coming soon!

Thanks for reading! ✨


πŸ”— Follow me on:

showdev #productivity #javascript #webdev #indiehackers #buildinpublic

Top comments (0)