Future UX (build an app in 4 Hours) · Web Dev Challenge S2.E6

Sponsored by Algolia — How will websites evolve if it's all powered by AI? What could you create if you had 30 minutes to plan and 4 hours to build? Syscily, Camille, Michael, Nadirah, Stephen, and David imagined what an AI-native UX might look like. Sponsored by Algolia and featuring Chuck as our advisor ## The Challenge Everyone keeps talking about how AI will change everything we know about interacting with the web — we want you to show us what it actually looks like. We can talk about ideas all day, but until we actually build it, it’s just talk. AI tooling creates a lot of interesting, disruptive capabilities that developers can take advantage of when imagining what the UI and UX of the future looks like. Your challenge is to throw out preconceptions about what a website or app *should* be, and build your own interpretation of what they *can* be if we leverage tools like MCP-powered agents, RAG, generative UI, and more. Choose any experience you’re interested in reimagining: a landing page, dashboard, personal site, e-commerce, social network, or something entirely novel. Let’s stop just talking about the future and actually start building it! ## The Sponsor: Algolia **Your app must use Algolia as part of the build.** Algolia ( https://codetv.link/algolia )’s main objective is to give developers everything they need to leverage their site’s data in whatever way they can imagine. From the InstantSearch they built their name on, to automated crawlers, RAG as a Service, and offering an MCP agent for AI-powered recommendations and tooling that’s aware of your content into the site, Algolia is out to make it easier than ever for developers to build experiences that are heavily context-aware and tailored to the content that’s actually on your site. *THE DEVS* - Syscily Brown https://syscily.com/ - Camille Camejo @thespectraltheory https://www.thespectraltheory.com - Nadirah Durr https://www.linkedin.com/in/nadirah-durr/ - Michael Brown @JuneteenthConf https://aguywhocodes.com - Stephen Shaw @keyframers https://shaw.city - David Khourshid @keyframers https://twitter.com/DavidKPiano *THE ADVISORS* Chuck Meyer @Algolia https://alg.li/discord Jason Lengstorf (@codetv-dev) https://jason.energy/links *THE APPS* - Learn more about Algolia: https://codetv.link/algolia - Team Goal Glow-Up's App: https://github.com/aguywithcode/goalglowup - The McFly's Ultai: https://github.com/syscilythedeveloper/webDevChallenge - The Keyframers' DJAI: https://github.com/keyframers/djai ---------------------------------------------------------------------- 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:32 Welcome + the challenge 0:47 Required tool + meet your advisor + Intuit's values 2:01 Planning phase starts 2:22 Meet The Keyframers + their app idea 4:07 Meet The McFlys + their app idea 5:55 Meet Team Goal Glow-Up + their app idea 8:34 Build phase starts 10:01 Progress check ins 17:04 Late stage check ins 21:09 Team Goal Glow-Up app demo 24:10 Team McFlys app demo 28:10 Team Keyframers app demo 33:14 Reflections on the challenge 35:40 Outtakes and credits