Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

A modern stopwatch application built using JavaScript and Tailwind CSS. Supports lap recording, theme switching, and keyboard shortcuts.

Notifications You must be signed in to change notification settings

SuhaibNadakkavil/stop-watch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 

Repository files navigation

⏱️ Stopwatch β€” JavaScript + Tailwind CSS

image

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)

About

A modern stopwatch application built using JavaScript and Tailwind CSS. Supports lap recording, theme switching, and keyboard shortcuts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages