Skip to content

A modern stopwatch app with lap tracking, theme toggle, and smooth animations using React & Tailwind CSS.

Notifications You must be signed in to change notification settings

niteshkumar9631/StopWatch

Repository files navigation

⏱️ Stopwatch React App

A stylish and fully functional stopwatch application built using React, Tailwind CSS, and Framer Motion. It supports start, stop, reset, and lap functionalities along with theme switching (light/dark mode).


🚀 Features

  • ⏯️ Start/Stop the timer with ease
  • 🔁 Reset to zero with a visual message
  • 🏁 Record multiple laps with smooth animations
  • 🌗 Toggle between light and dark themes
  • ⌨️ Keyboard shortcuts support:
    • S – Start
    • T – Stop
    • R – Reset
    • L – Lap

📸 UI Preview

image

🛠️ Tech Stack

  • React – Frontend library
  • Tailwind CSS – Utility-first styling
  • Framer Motion – Smooth animations
  • React Icons – Icon support

📦 Installation

git clone https://github.com/niteshkumar9631/StopWatch.git
cd StopWatch
npm install
npm start

📄 License

  • This project is open-source and available under the MIT License.

🙋‍♂️ Author

Nitesh Kumar

About

A modern stopwatch app with lap tracking, theme toggle, and smooth animations using React & Tailwind CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published