avinash201199 / avinash201199/stopwatch

Feature Implementation: Animated Progress, Themes, and Custom Backgrounds

Open
#369 0 comments 0 reactions 1 assignee Claimed by @JwelSrivastava View on GitHub
hacktoberfest hacktoberfest-accepted
Dominant language
CSS
Stars
70
Forks
185
PR merge metrics
No merged PRs in 30d

Description

This issue outlines the features implemented in Pull Request #351, introducing major visual improvements and customization options to the stopwatch.

✨ Core Features
🌀 Animated Progress Circle / Bars

Added a circular progress indicator around the main timer display.

Implemented animated progress bars for each lap, scaled relative to their duration.

Visually demonstrates elapsed time by filling and smoothly resetting every minute.

🎨 Theme Packs / Seasonal Themes

Introduced new seasonal theme packs for user customization.

The selected theme persists across sessions using local storage.

🖼️ Custom Backgrounds / Video Upload

Users can now set custom images or videos as stopwatch backgrounds.

Includes error handling for file selection and video upload.

✅ Implementation Status

💻 Fully responsive UI while maintaining existing core functionality.

⌨️ Keyboard shortcuts remain functional.

🧩 Adds new features only; no existing functionality affected.

🧪 Tested and verified for smooth performance.

🎉 Hacktoberfest 2025 Ready!

This contribution follows Hacktoberfest best practices ✅

Made with ❤️ by [Jwel Srivastava](https://github.com/JwelSrivastava)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.