Stopwatch Website

A sleek, minimalistic and functional stopwatch with lap time recording and animations with PWA (Progressive Web App) support. Perfect for timing events, workouts, and more.

Table of Contents

• Project Structure
• Technologies Used
• Features
• Usage
• Keyboard Shortcuts For Buttons
• Reporting Issues

Project Structure

stopwatch/                  # Root directory
├── index.html             # Main HTML file
├── src/                   # Source code directory
│   ├── css/               # Directory for stylesheets
│   │   └── style.css      # Main CSS file for styling
│   └── js/                # Directory for JavaScript files
│       ├── script.js      # Core JavaScript file
│       └── sw.js          # Service Worker script for PWA
├── manifest.json          # Web App Manifest for PWA configuration
├── assets/                # Directory for static assets
│   ├── favicon.png
│   ├── preview.png
│   └── screenshot.png
├── icons/                 # Directory for app icons in various sizes
│   ├── icon-72x72.png
│   ├── icon-96x96.png
│   ├── icon-128x128.png
│   ├── icon-144x144.png
│   ├── icon-152x152.png
│   ├── icon-192x192.png
│   ├── icon-384x384.png
│   └── icon-512x512.png
├── README.md              # Project documentation
└── LICENSE                # License file

Technologies Used

• HTML
• CSS
• JavaScript
• PWA (Progressive Web App)

Features

• Start, Stop, Reset: Control the stopwatch by intuitive buttons with keyboard shortcuts.
• Lap Times: Record multiple lap times.
• Animations: Visual feedback with animation effects for buttons and display.
• PWA Installation: Install the stopwatch as an app on your device.
• Offline Support: Offline support on PWA.

Usage

1. Simply open this link.
2. Click the start button to start timing.
3. Click the lap button to record lap times.
4. Click the stop button to stop the timer.
5. Click the reset button to reset the stopwatch.

*Ensure that you already have an installed web browser (Chrome, Firefox, etc.) on your device.

Keyboard Shortcuts for Buttons:

• Start & Stop: Spacebar or CTRL + CTRL
• Lap: Shift
• Reset: Enter

Reporting Issues

If you encounter any bugs or have suggestions for improvement, please report them in the Issues section of this GitHub repository. I will address them promptly.

© Designed and developed by Atia Farha | ALL RIGHTS RESERVED