Skip to content

MstowskaSandra/React-Stopwatch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⏱ React Stopwatch

A simple and elegant stopwatch built with React and Styled Components.
This mini project demonstrates fundamental React concepts such as state management, component structure, and custom styling through JavaScript.

🚀 Run locally

🧩 Features

  • Start / Stop timer control
  • Reset timer and laps
  • Save lap times
  • Visual button color change based on state (running / stopped)
  • Fully styled with Styled Components

🛠️ Tech Stack

  • React 18
  • Styled Components
  • JavaScript (ES6+)
  • npm
  • Git

✨ What I learned

  • Managing React component lifecycle with useEffect
  • Handling intervals and cleaning them to avoid memory leaks
  • Dynamic component styling with styled-components
  • Formatting and displaying time values clearly

Stopwatch demo

📄 License

Created for educational purposes by Sandra Mstwoska.

About

A simple and elegant stopwatch built with React and Styled Components. This mini project demonstrates fundamental React concepts such as state management, component structure, and custom styling through JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors