One way I learn about new technologies is by using them. Sometimes I have a compelling scenario that yearns for a creative solution. Other times I don't. This was one of those times... So I created what's probably the worst camera app ever as a way of experimenting with four new (to me) technologies.
Excerpting from the README:
- CSS Grid Layout - A modern layout system based on grid cells with the great working reference A Complete Guide to Grid
- Verdict: It's not quite a WPF Grid Panel, but it feels very similar
- MediaDevices.getUserMedia() API - The part of the WebRTC Media Streams API that allows websites to access the device camera for video and image capture
- Verdict: A somewhat cumbersome API that's nonetheless quite powerful
- Preact - Exactly what it says on the box, a "Fast 3kB alternative to React with the same modern API"
- Verdict: Works like a charm, easy for someone with React.js experience
- Verdict: Easy to use, even for someone with no prior IndexedDB experience
If you want to learn more, please visit the CoLR project on GitHub. There, you'll find complete source code, instructions, links to resources, and some FAQ's.