β±οΈ Stopwatch β JavaScript + Tailwind CSS
A fully functional and visually polished Stopwatch Application built using HTML, Tailwind CSS, and Vanilla JavaScript. It includes precision timing, lap recording, keyboard shortcuts, theme switching, and smooth UI transitions. This project demonstrates strong DOM manipulation, event-handling, and interactive UI skills β ideal for dashboards, fitness apps, timers, and productivity tools.
π Features Start, Stop, and Reset functionality Lap recording with dynamic rendering Lap history with auto-scroll Smooth animations using Tailwind utility classes Theme toggle (Light/Dark mode) Clean responsive UI Keyboard shortcuts Space β Start/Stop L β Record Lap R β Reset
π§ Concepts Used DOM manipulation Timers (setInterval, clearInterval) Dynamic class toggling Array manipulation for lap records Event listeners Keyboard shortcuts Tailwind utility-first styling Responsive layout
π Live Demo https://stop-watch-msn4u.vercel.app/
π οΈ Tech Stack HTML Tailwind CSS (CDN) Vanilla JavaScript Vercel (Deployment)