Skip to content

naturalneuralnet/crt-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About

A stopwatch with CRT moniter theme.

Screenshot

Check it out here: https://crt-timer.onrender.com/

In the future I hope to add time tracking functionailty.

Table of Contents

Local Setup

Donwload or clone the repository from GitHub.

Install dependencies using npm install

npm install

Run locally with npm run start

npm run start

What I learned

  • Practiced creating, updating and using local state with the useState React Hook.

  • Learned how to use interval to repeatedly call a function. This was used to update the time.

  • Learned to convert the time from milliseconds to the correct minute, seconds and milliseconds.

  • Learned to add, play and adjust sound volume into a Javascript project.

  • Creating an old fashioned looking computer mointer appearance. This article was gave me the idea to use a radial gradient to simulate the CRT screen.

Credits

License

You can find the License for this project here

This project is licensed under the terms of the MIT license.

About

A timer with an old school CRT moniter effect

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published