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   / nadirah-durr  
Michael Brown ‪@JuneteenthConf‬ https://aguywhocodes.com
Stephen Shaw ‪@keyframers‬ https://shaw.city
David Khourshid ‪@keyframers‬   / 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/goalg...
The McFly's Ultai: https://github.com/syscilythedevelope...
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