Build an app to help the local food scene — Web Dev Challenge S1E5

Sponsored by Clerk, Convex, and Raycast — What could you create if you had 30 minutes to plan and 4 hours to build? Maxi Ferreira, Natalie Davis, John Pham, and Jason Lengstorf took on the Web Dev Challenge to find out. *THE CHALLENGE* _Make something that gets people excited about their local food scene._ The way restaurants run changed in a big way during the pandemic. The big food delivery apps control which restaurants get seen, and social media algorithm changes make it harder than ever for these businesses to get noticed. Your challenge is to come up with some way of getting more people to notice — and get involved in — their local food scene. This can be anything web-based, whether you want to create some way for people to discover new restaurants and chefs, create an event or a social game, or even tackle the notoriously awful restaurant website design aesthetic. *THE TOOLS* Apps are encouraged to use one or more of the sponsors' tools in their build. - Clerk (https://go.clerk.com/5ABtiiV) 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. #localfood #food #webdevelopment #challenge #javascript #reactjs #typescript *THE DEVS* Maxi Ferreira (@charca ) https://twitter.com/charca https://frontendatscale.com/ Natalie Davis https://twitter.com/codefreedomritr John Pham https://twitter.com/johnphamous https://pham.codes Jason Lengstorf (‪ @learnwithjason ) https://jason.energy/links *THE ADVISORS* Alexis Aguilar https://twitter.com/alexisintech Thomas Ballinger (@ballingt ) https://ballingt.com *THE APPS* Maxi's Food Challenge app: https://github.com/Charca/web-dev-challenge-app John's Foodie Face-off: https://github.com/JohnPhamous/foodie-faceoff Natalie's Foodie Trails: https://github.com/FreedomWriter/foodie-trails Jason's Nice Little Day Out: https://github.com/jlengstorf/wdc-food-scene *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 ---------------------------------------------------------------------- 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://www.youtube.com/@codetv-dev/join ---------------------------------------------------------------------- Chapters: 0:00 In this episode... 0:42 What is Raycast? 1:19 What is Convex? 2:28 What is Clerk? 3:52 Planning the web apps 4:07 Meet Jason Lengstorf + his idea 4:58 Meet Natalie Davis + her idea 5:42 Meet John Pham + his idea 6:44 Meet Maxi Ferreira + his idea 8:04 Building the apps 20:17 How you can join the Web Dev Challenge 20:28 Maxi's demo 22:57 Natalie's demo 25:07 Jason's demo 27:50 John's demo 30:44 Bonus Natalie demo 31:12 Final thoughts