Creating my own QR Code Standard in React...and its pretty bad

In this video i take a naive approach in creating my own QR code standard and a renderer for it in React. I use 5 bits to represent each character and a 15x15 grid to support up to 40 characters. The Doge is used as a camera tracking point. A description of the standard can be found here: https://github.com/danba340/barely-qr-code-standard/blob/master/README.md

Finished Code: https://github.com/danba340/barely-qr-code-standard Start of video: https://github.com/danba340/barely-qr-code-standard/tree/video-start

Say Hi on Twitter: https://twitter.com/BarelyDaniel

0:00 Intro 0:27 Deciding Bits per Character 1:57 Deciding Dimensions 2:55 Creating the State 5:12 Component QrChar 6:43 Splitting State into Chars 11:17 Component QrBit 14:37 Fixing the key prop 15:38 Debugging 16:11 Creating space for Doge 18:33 Handle TextInput Change 19:42 Character to Number 22:14 Number to Binary 24:32 Binary to Boolean 26:16 Padding Characters to length 5 29:07 Flatten new State 30:05 Padding newState to QR Code length 32:00 Testing 32:42 TextInput Max Length 33:33 Wrapping up ... https://www.youtube.com/watch?v=3qm5ZhGdBcM