UX / UI
#0c0c0c
#52525b
#d4d4d8
#fbfbfb
#aaa5a5
Aa
Lato Bold
Aa
Lato Normal
Aa
Lato Light
Aa
Cormorant Bold
Aa
Cormorant Normal
Heading H1
Heading H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent suscipit tortor velit, non posuere leo hendrerit sit amet. Sed purus felis, blandit ac tristique id, consequat at purus. Nulla eget dignissim erat, eget suscipit velit. In hac habitasse platea dictumst. Curabitur nec laoreet tellus, vitae convallis eros. Morbi accumsan libero vitae venenatis vestibulum. Proin blandit scelerisque nisl eu sagittis.
Overview
Svelte chess timer is a simple app written in the Sevlte framework . This fully operational chess timer clock, will track opponents times in the traditional way of counting down to midnight. The old switch-eru button lets you rotate the timer, great option if you are really plan on using it. Don’t forget to switch on the alarm next to your timer, for the buzzer at the end of time limit
Svelte Chess Timer Source code at github , moving clock svg component by svelte team
Implmenting progressive web app
The timer is a perfect scenario for applying the pwa features. It is a small app, that can be used offline, and has a great user experience. This way you can play chess with a friend offline whenever the time is right. Svelte framework has already ready made pwa plugins so converting the application to a pwa was quite easy. More info about pwa in svelte can be found here
Timer at https://chess-timer.spaceout.pl/