Build better e-commerce websites · Web Dev Challenge S2.E12

Sponsored by OpenRouter — Just about everything online has some form of shopping these days: products, memberships, tipping, loot boxes — e-commerce is everywhere. Your challenge is to come up with ways to make it more fun. Developers now have access to the most advanced tools we’ve ever seen, but so far we’re still seeing the same old approaches to selling things online. We want you to imagine how online shopping could be improved using the tools available today. Listen to a description of a meal and use that to fill a grocery cart? Use someone’s musical taste to recommend what sandwich they should order? Use computer vision to let customers blink Morse code to enter discount codes? Get creative with this one! The apps do not need to be practical — but they *do* need to be fun. ## The Tool: OpenRouter *Your app must use OpenRouter (https://openrouter.ai/) as part of the build.* OpenRouter unifies access to hundreds of AI models, including from OpenAI, Anthropic, and Google. One account, one place to manage credits, and API access to all the major models. - Quickstart docs: https://openrouter.ai/docs/quickstart - List of available models: https://openrouter.ai/models *THE DEVS* *Team Philacon Valley* - Waskar Paulino @WaskarPaulino https://waskarmiguelpaulino.netlify.app/ - Victor Jackson https://victordjackson.netlify.app/ *Team Coding for the Vibes* - Shruti Kapoor @shrutikapoor08 - Mark Stuart https://www.linkedin.com/in/markastuart *The Coding Cuties (Nick & Dom)* - Nick DeJesus https://www.linkedin.com/in/ndejesus1227/ - Domitrius Clark https://x.com/domitriusclark *THE ADVISORS* Shashank Goyal https://www.linkedin.com/in/shashankgoyal1/ Jason Lengstorf https://jason.energy/links ## The Apps *Team Coding for the Vibes (Shruti & Mark) Vibe to Cart source code* https://github.com/shrutikapoor08/codetv-openrouter-vibe-to-cart *The Coding Cuties (Nick & Dom) clothing try-on source code* https://github.com/domitriusclark/ecommerce-chat-lwj *Team Philacon Valley (Waskar & Victor) shopping personas extension source code* https://github.com/philaconvalley/shoppingDebateChromeExtension ---------------------------------------------------------------------- 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:30 Welcome + the challenge 0:41 Required tool + meet your advisor 2:17 Rules of the challenge + planning phase starts 3:02 Meet Team Philacon Valley (Waskar & Victor) + their app idea 4:47 Meet Team Coding for the Vibes (Shruti & Mark) + their app idea 6:53 Meet The Coding Cuties (Nick & Dom) + their app idea 9:20 Build phase starts 11:50 Progress check ins 17:14 Late stage check ins 21:26 Try the Web Dev Challenge yourself! 22:01 Team Team Coding for the Vibes app demo 25:42 The Coding Cuties app demo 30:10 Team Philacon Valley app demo 33:31 Reflections on the challenge 35:14 Outtakes and credits