The Most Important App of the Day (build an app in 4 hours) · Web Dev Challenge S2.E9

Sponsored by Hashbrown.dev — watch 3 teams of devs race the clock to build a breakfast-themed app from scratch in Web Dev Challenge. ## The Challenge *It’s the most important ~~meal~~ app of the day! Build an app that is somehow related to breakfast.* Manage your favorite recipes, track the best breakfast burritos, build a digital shrine to pancakes — we don’t care what you build as long as it has something to do with breakfast. ## The Tool: Hashbrown.dev *Your app must use Hashbrown.dev as part of the build.* Hashbrown.dev allows developers to create generative UIs using your own components. It’s fully free and open source, released under the MIT license. With Hashbrown, developers can provide a set of custom components (https://hashbrown.dev/docs/react/concept/components) with a clear schema, and use that to give your LLM guardrails for outputting generative — but quality controlled! — user interfaces that adapt to meet the needs of your users. You’ve also got access to: - safe function calling: https://hashbrown.dev/docs/react/concept/functions - structured output: https://hashbrown.dev/docs/react/concept/structured-output - a JavaScript Runtime: https://hashbrown.dev/docs/angular/concept/runtime *THE DEVS* *Team Git n' Grits* - Shaundai Person @shaundai - Scott Moss @ScottMoss *Team Name: The Descaled* - James Q. Quick @JamesQQuick - Brian Morrison II *Team Name: The Coastal Coders* - Jane Wheatley - David Daniel *THE ADVISORS* Mike Ryan @mikeryandev Jason Lengstorf https://jason.energy/links ## The Apps *The Coastal Coders (David & Jane)* Code: https://github.com/janeewheatley/hashbrown-breakfast-app *Team Git n' Grits (Shaundai & Scott)* Code: https://github.com/Hendrixer/hashbrown-challenge *The Descaled (James & Brian)* Code: https://github.com/bmorrisondev/sausage-link-shortener ---------------------------------------------------------------------- Get early access to new videos, exclusive bonus content and other perks, and join me in building a happier, healthier, friendlier web dev community! https://codetv.dev/support ---------------------------------------------------------------------- Chapters: 0:00 In this episode... 0:31 Welcome + the challenge 0:43 Required tool + meet your advisor 3:35 Rules of the challenge + planning phase starts 3:50 Meet The Descaled + their app idea 5:31 Meet Team Git n' Grits + their app idea 6:57 Meet The Coastal Coders + their app idea 9:00 Build phase starts 11:56 Progress check ins 18:25 Late stage check ins 23:58 Try the Web Dev Challenge yourself! 24:34 Team Git n' Grits app demo 28:37 The Descaled app demo 33:55 The Coastal Coders app demo 36:41 Reflections on the challenge 39:16 Outtakes and credits