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‬ )   / charca   https://frontendatscale.com/
Natalie Davis   / codefreedomritr  
John Pham   / johnphamous   https://pham.codes
Jason Lengstorf (‪ @learnwithjason ) https://jason.energy/links

THE ADVISORS
Alexis Aguilar   / alexisintech  
Thomas Ballinger (‪@ballingt‬ ) https://ballingt.com

THE APPS
Maxi's Food Challenge app: https://github.com/Charca/web-dev-cha...
John's Foodie Face-off: https://github.com/JohnPhamous/foodie...
Natalie's Foodie Trails: https://github.com/FreedomWriter/food...
Jason's Nice Little Day Out: https://github.com/jlengstorf/wdc-foo...

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/key...
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!
   / @learnwithjason  
----------------------------------------------------------------------

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