Build an app for monsters — Web Dev Challenge S1E4

Sponsored by Clerk, Convex, and Raycast — What could you create if you had 30 minutes to plan and 4 hours to build? Shruti Kapoor, Zrybea Whitfield, Annie Sexton, and Jason Lengstorf took on the Web Dev Challenge to find out. *THE CHALLENGE* _Monsters have arrived! Make an app that's helpful in this new world._ What kind of monster is up to you! Maybe kaiju have emerged from the ocean. Maybe Pokémon are actually real. Maybe gremlins were discovered. Maybe cryptids finally got caught on camera. Make ‘em cute, make ‘em scary, make ‘em fun — your call! *THE TOOLS* Apps are encouraged to use one or more of the sponsors' tools in their build. - Clerk (https://go.clerk.com/O2xl2oi) is a drop-in auth solution that will make it very straightforward to add user accounts and protected areas to your app. - Convex (https://lwj.dev/convex) is a really interesting tool because it’s effectively a full back-end for apps, offering stuff like a database, real-time, scheduling, server functions, and a lot more. - Raycast (https://ray.so/lwj) is the “shortcut for everything”. It’s a launcher app (like spotlight search on macOS) that has extensions for… everything. #monster #webdevelopment #challenge #javascript #reactjs #typescript *THE DEVS* Shruti Kapoor (@shrutikapoor08) https://twitter.com/shrutikapoor08 Zrybea Whitfield (https://zwhitfield.dev/) https://twitter.com/zwhitfielddev Annie Sexton (https://anniesexton.com/) https://twitter.com/_anniebabannie_ Jason Lengstorf (‪@codetv-dev) https://jason.energy/links *THE ADVISORS* Brian Morrison II https://twitter.com/brianmmdev Tom Redman https://twitter.com/redman *THE APPS* Shruti's monster mapper: https://github.com/shrutikapoor08/lwj-monsters Annie's iMonsterist: https://github.com/anniebabannie/imonsterist Jason's monster disguise builder: https://github.com/jlengstorf/wdc-monsters *THE GEAR* The workstations in this video are made possible through sponsorships from these wonderful companies: - BenQ RD280U monitors: https://benqurl.biz/46nNUaT - Keychron K8 Pro keyboards: https://www.keychron.com/products/keychron-k8-pro-qmk-via-wireless-mechanical-keyboard?ref=MKT&variant=39755425382489 - Anglepoise desk lamps: https://www.anglepoise.com/usa/ - Ugmonk desk accessories: https://ugmonk.com/ See the full desk setup here: https://lwj.dev/uses ---------------------------------------------------------------------- Join me in building a happier, healthier, friendlier web dev community! https://lwj.dev/newsletter ---------------------------------------------------------------------- Chapters: 0:00 In this episode... 0:44 The challenge 1:07 What is Raycast? 1:39 What is Convex? 2:55 What is Clerk? 4:17 Planning the web apps 5:14 Meet Shruti Kapoor 5:42 Meet Annie Sexton 6:08 Meet Zrybea Whitfield 6:32 Meet Jason Lengstorf 7:21 Building the web apps 14:44 How you can join the Web Dev Challenge 15:05 Shruti's demo 17:01 Jason's demo 19:42 Annie's demo 22:05 Zrybea's demo 25:13 Final thoughts