Baby Monitor

Hi !

An other day, an other Dribbble to Codepen reproduction !

Once again, I reproduced an awesome design of Paul Flavius Nechita ! From his project 100daysUI !

This is a Baby monitor prototype, I wanted to push the concept forward, and you can try it for real, of course, the video streamed is your webcam ( if you got one ) otherwise, you'll just see this little puppy dog.

You can clic on the "menu expander" element, which will reveal the controls, you can zoom in the video ( if your webcam is enabled ), and you can drag the "pad" around ( it will not have any effect on the video / picture )

I used HammerJS for the few interactions, and I had a great pleasure working on this one !

You can find it online on codepen.io

Don't forget to check the attachments, one is a gif showing how the controls works with the webcam, and the other, a dribbble/codepen comparison.

⚡️🏀⚡️💻⚡️