Starting point for Browsersync driven development
This little web app was developed by Sergey Lukin
using Browsersync with a single purpose -
provide a basic starting point for anyone interested in
to test it's capabilities. Think of it as a DIY kit which is assembled in a
very minimal setup and which you could change/enhance while using
Browsersync to get the feeling of developing against multiple
devices/browsers simultaneously + bringing your skills to test
along the way.
Here is just a short snapshot of how Browsersync allows navigating this app across multiple devices/browsers:
Here is a short video demo of me fixing some bugs and adding some features
How to start
npm install -g browsersync
Change directory to this project and run
browser-sync start --server --files="**/*"
Connect as many devices as possible and give this small alarm clock a try :)
What you can do with it
I'd highly recommend cloning this repo and start hacking with it. Here is what
I'd suggest adding/changing in this app (for best experience don't forget to
Browsersync ;) ):
Every time I'm trying out this web app, I find it cumbersome starting to search for the time I want to set alarm to in huge select dropdown that starts with 00:00. It would be helpful to be able to simply increase and/or decrease hours/minutes separately one by one.
There is currently no sound produced when the alarm is activated. I would highly recommend fixing this situation. Let all your devices beep all at once in their full glory when synced with
Browsersyncand alarm is activated :)
Currently alarm is activated when view is rendered at exactly same minute and second as alarm was set to. While this is OK it isn't perfect. What if browser will "freeze" for at least a second just when the alarm was supposed to be activated? It will miss it. Alarm clock should be more reliable than that, shouldn't it? See if you can find a better solution.
I'd like to thank following resources as this project wouldn't exist or wouldn't be that awesome without them: