4 hours to build a web app with Google Gemini — Web Dev Challenge S1E8

Sponsored by Google Gemini — What could you create if you had 30 minutes to plan and 4 hours to build? Zeu Capua, Brian Holt, Sarah Schulte, and Jason Lengstorf took on the Web Dev Challenge to find out. Google Gemini has an AI hackathon happening right now! Join up and see what you can build: https://lwj.dev/google-hackathon *THE CHALLENGE* _We all have moments, big or small, that make life just a little brighter. And there’s a growing body of research that says pausing to be grateful for the good things can actually make us happier. Your challenge is to build an app that’s based in gratitude, for yourself or for the greater good._ How you interpret this is part of the fun. You can build an app that helps users practice gratitude, build an app that’s part of you practicing gratitude on your own, or do something completely off the wall. This prompt feels very “sincerepost” on its face, but there’s no expectation that we need to be serious or somber — feel free to get weird with it! *THE TOOLS* Apps must use Google Gemini (https://lwj.dev/gemini), which offers multi-modal AI tools for developers. #gratitude #webdevelopment #challenge #javascript #reactjs #typescript #thanks *THE DEVS* Zeu Capua ( @zeucapua851 ) Sarah Schulte ( @bashcop ) Brian Holt ( @btholt ) Jason Lengstorf (‪ @codetv-dev ) https://jason.energy/links *THE ADVISOR* Paige Bailey (@dynamicwebpaige) *THE APPS* - Sarah's thank you card app: https://github.com/cgsdev0/web-dev-challenge - Zeu's "thank a dev" app: https://github.com/zeucapua/thankadev - Brian's hypedawg: https://github.com/btholt/hypedawg - Jason's thank you notes app: https://github.com/jlengstorf/wdc-gemini-gratitude *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:38 The challenge and what is Google Gemini? 3:21 30 minutes to plan starts now 3:56 Meet Sarah + her app plan 4:24 Meet Brian + his app plan 5:00 Meet Zeu + her app plan 5:39 Meet Jason + his app plan 7:24 4 hours to build starts now 8:32 Progress check-ins 12:31 Almost out of time check-ins 13:50 Join the Google Cloud AI Challenge! 13:58 Jason's app demo 17:23 Brian's app demo 20:47 Sarah's app demo 24:12 Zeu's app demo 27:27 Final thoughts