https://github.com/anonymerniklasistanonym/stopwatchwebapp

A Javascript web app for a stopwatch: https://anonymerniklasistanonym.github.io/StopwatchWebApp/
https://github.com/anonymerniklasistanonym/stopwatchwebapp

javascript stopwatch webapp website

Last synced: about 4 hours ago
JSON representation

A Javascript web app for a stopwatch: https://anonymerniklasistanonym.github.io/StopwatchWebApp/

• Host: GitHub
• URL: https://github.com/anonymerniklasistanonym/stopwatchwebapp
• Owner: AnonymerNiklasistanonym
• License: mit
• Created: 2018-11-08T09:55:02.000Z (almost 6 years ago)
• Default Branch: main
• Last Pushed: 2022-08-01T18:27:15.000Z (over 2 years ago)
• Last Synced: 2024-04-16T19:10:12.794Z (7 months ago)
• Topics: javascript, stopwatch, webapp, website
• Language: JavaScript
• Homepage:
• Size: 96.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# StopwatchWebApp

A simple Javascript web app for a stopwatch.

## Features

- Built from scratch (no external dependencies or web requests whatsoever)

- Javascript classes are disconnected from each other and communication is resolved through callback events for better maintainability

- Responsive layout (mobile, tablet, desktop)

- CSS time display instead of a custom font

- Download a `.json` file with the stopped time and laps that contains human readable time strings and the millisecond count to reuse the information

- Click on the stopwatch time or the lap time to copy the displayed time to the clipboard

## Display

Open [`index.html`](index.html) with a browser.

## Build favicons

1. Install [`inkscape`](https://inkscape.org/) and run the script [`favicons/createPngFavicons.sh`](favicons/createPngFavicons.sh)

2. Install [`magick`](https://www.imagemagick.org/script/download.php#windows) and run the script [`favicons/createIcoFavicons.sh`](favicons/createIcoFavicons.sh)

## Used resources

- Favicon ([`favicons/favicon.svg`](favicons/favicon.svg)): [material.io](https://material.io/tools/icons/?search=time&icon=timer&style=baseline)

- CSS keyboard keys framework ([`keys.css`](keys.css)): [KEYS.css](https://github.com/michaelhue/keyscss)