Mike Ryan
@mikeryan.dev
📤 515
📥 67
📝 34
Google Developer Expert and co-creator of NgRx. Frying up AI goodness with hashbrown.dev
reposted by
Mike Ryan
Angular
25 days ago
Want to see MCP and generative UI in action with Angular? GDEs Mike Ryan and Brian Love took on the Web Dev Challenge to build a party game app in just 4 hours using Hashbrown! Watch on YouTube now:
youtu.be/gAeLTcxF-0o?...
loading . . .
Personal Software (build an app in 4 hours) · Web Dev Challenge S2.E8
Think you can top what the pros built in this episode? Join the Web Dev Challenge Hackathon and create your own MCP-powered app made for an audience of one: you. Use Postman for your chance to win $500 cash and be featured on Postman’s community and social channels. All the details, rules, and submission info: https://codetv.link/wdc/hackathon Submissions close September 22 at 11:59 PM PT — start building today. Contest open worldwide to participants 18+. By entering, you grant Postman the right to feature your submission on our website, blog, and social channels. ## The Challenge *As developers, we can often identify lots of areas in our own lives that could be improved by a custom app — if only we had the time to build them.* These days, AI coding workflows and tools like MCP servers make it much more feasible to build custom software for personal use only, so we’re challenging you to do exactly that. Wish you had an app that would turn your wifi off at 8pm so you’d actually get to bed on time? What about a chore schedule that’s exactly tailored to your family situation? Maybe a calendar that tracks only new book releases that are part of series you’re in the middle of reading. Make it practical; make it silly; whatever you do, make it personally valuable to you. ## The Tool: Postman **Your app must use Postman as part of the build.** Postman (https://codetv.link/postman) is the most popular tool out there for working with APIs. In this challenge, you’ll want to look into their suite of tools for designing and building MCP servers and agentic workflows: - MCP Servers: https://www.postman.com/explore/mcp-servers — tons of available MCP servers that you can use - Generate an MCP Server: https://www.postman.com/explore/mcp-generator — Postman has tools that allow you to generate your own MCP server from any public API - Postman AI Agent Builder: https://www.postman.com/product/ai-agent-builder/ — tools including LLM prompt testing, agent workflow designer, and tool generation - The Public API Network: https://www.postman.com/explore — this is a *huge* collection of public APIs that you can use as part of your build *THE DEVS* - Craig Dennis - Shirley Wu - Erin Mikail Staples - Elvis Kahoro - Mike Ryan - Brian Love *THE ADVISORS* Sterling Chin Jason Lengstorf ---------------------------------------------------------------------- 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:40 Required tool + meet your advisor 4:08 Rules of the challenge + planning phase starts 4:32 Meet Team Galactic Chalkstars + their app idea 6:17 Meet Team Curly Bois + their app idea 8:01 Meet Team Tuff + their app idea 9:37 Build phase starts 11:02 Progress check ins 16:04 Late stage check ins 20:21 Team Curly Bois app demo 27:11 Team Galactic Chalkstars app demo 31:01 Team Tuff app demo 37:38 Reflections on the challenge 38:42 Outtakes and credits
https://youtu.be/gAeLTcxF-0o?si=N-Vg4DC6BZ_uiiks
1
8
3
reposted by
Mike Ryan
Jason Lengstorf
28 days ago
NEW: personal software on Web Dev Challenge
@mikeryan.dev
,
@blove.dev
,
@shirleywu.studio
, Craig Dennis,
@erinmikail.bsky.social
, and
@elviskahoro.bsky.social
took on a challenge to build software with an audience of just one using
@getpostman.bsky.social
codetv.link/wdc/s2e8
loading . . .
Personal Software | Web Dev Challenge Season 2
Apps for a target audience of just one: you.
https://codetv.link/wdc/s2e8
1
17
4
reposted by
Mike Ryan
Fresh out of the frying pan, we just released Hashbrown v0.3 with support for: 🦙 Open-weight models (like gpt-oss) via our new Ollama adapter 🛠️ Initial support for MCP Servers 📝 New prompt template literal function 💻 Fresh docs website 👨🏫 Generative UI workshops
about 1 month ago
1
2
4
reposted by
Mike Ryan
Brian Love
about 1 month ago
models are not just a tool for building apps, they're also a tool for building _better_ apps we (mostly kinda) love using ai in our dev tools we can use ai to build those same experiences in our web apps check it out:
hashbrown.dev
add a skeleton here at some point
0
2
1
Fresh out of the frying pan, we just released Hashbrown v0.3 with support for: 🦙 Open-weight models (like gpt-oss) via our new Ollama adapter 🛠️ Initial support for MCP Servers 📝 New prompt template literal function 💻 Fresh docs website 👨🏫 Generative UI workshops
about 1 month ago
1
2
4
reposted by
Mike Ryan
Angular Connect
about 1 month ago
🎤 Talk Spotlight:
@mikeryan.dev
What happens when you mix Angular with AI? 🍳 At
#AngularConnect
2025, Mike will show us in his talk: “Frying Up AI-Powered Angular Apps” 🤖⚡ 📅 Sept 12–13, London 🎟️
angularconnect.com
#AngularConnectIsBack
#WebDev
#AI
#NgRx
0
2
1
reposted by
Mike Ryan
Jason Lengstorf
about 1 month ago
good day today
@mikeryan.dev
@scottmoss.bsky.social
@blove.dev
@shaundai.com
@jamesqquick.bsky.social
@brianmm.dev
@davidedaniel.bsky.social
@codetv.dev
0
24
3
reposted by
Mike Ryan
Frontend Dogma
about 1 month ago
Generative User Interfaces, by
@mikeryan.dev
and @
[email protected]
(
@codetv.dev
):
https://www.youtube.com/watch?v=ekQ7t6_MvOQ
#videos
#interviews
#ai
#prompting
#dx
loading . . .
Generative user interfaces
We keep hearing AI is going to change everything, but so far it’s mostly given us helpdesk-like chat interfaces. Mike Ryan thinks it can be better and he’ll ...
https://www.youtube.com/watch?v=ekQ7t6_MvOQ
0
2
1
“We must save society from low birth rates!” Also them: here’s your AI girlfriend, now with unlimited porn mode.
about 2 months ago
1
1
1
We got Hashbrown working against gpt-oss:120b. Generative user interfaces powered by 100% open source code. No API keys, subscriptions, or external service providers in the loop.
loading . . .
2 months ago
0
3
1
@jason.energy
and I built generative UI that lets you search for
@codetv.dev
videos based on their content. Best part? Everything is open source, and you can follow along. Get the code, data, and embeddings here:
github.com/MikeRyanDev/...
add a skeleton here at some point
3 months ago
1
6
1
Hashbrown v0.2 is smothered, covered, and ready for consumption! This release comes with: ☎️ Improved Tool Calling 🏃 Built-in JavaScript Runtime ⚛️ Overhauled React implementation Read more:
hashbrown.dev/blog/2025-07...
loading . . .
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
https://hashbrown.dev/blog/2025-07-16-hashbrown-v-0-2-0
3 months ago
0
4
2
reposted by
Mike Ryan
Brandon Roberts
3 months ago
Shout-out to
@mikeryan.dev
,
@blove.dev
, and Ben Taylor for building a fantastic framework for building generative UIs with
@angular.dev
and/or
@react.dev
. The site looks great, and it's built with
@analogjs.org
🤩
hashbrown.dev
loading . . .
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
https://hashbrown.dev
1
6
2
reposted by
Mike Ryan
Brian Love
4 months ago
Fresh out of the fryer, hashbrown is a headless
@angular.dev
library for building joyful AI-powered user experiences. It supports streaming, chat, structured outputs, generative UI, and AI code execution using the latest v20 resource and signals APIs.
hashbrown.dev
loading . . .
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
https://hashbrown.dev
0
7
4
Introducing Hashbrown! 🥔 A framework for building joyful, AI-powered user interfaces in Angular and React
hashbrown.dev
loading . . .
Hashbrown – AI Framework for Angular & React
Build joyful, AI-powered user interfaces that help your users do more.
https://hashbrown.dev
4 months ago
0
1
1
reposted by
Mike Ryan
Jmcchap
5 months ago
Do the eyes of potatoes count as microgreens?
0
0
1
It's been a long time since I've been up until 1:00 am on a school night hacking away at an open-source project. I seriously can't wait to show you the potatoes we've been frying at LiveLoveApp. 🥔
6 months ago
0
8
1
Good morning to the Angular community! 👋🥔
loading . . .
6 months ago
0
4
0
Everyone is talking about MCP with AI. Nobody is talking about how to fry the perfect hashbrown.
6 months ago
1
4
0
Storm the capitol all you want. Just spare your local Tesla dealership.
7 months ago
0
2
0
Kendrick. Damn.
8 months ago
0
0
0
reposted by
Mike Ryan
Spivey
10 months ago
I love national, unsubscribe from an email list I did not know I was on, day
1
8
2
reposted by
Mike Ryan
Brandon Roberts
11 months ago
Some would call this sucka behavior 🤦🏿♂️
add a skeleton here at some point
3
19
2
New Kendrick is the perfect start to the weekend
11 months ago
0
1
0
reposted by
Mike Ryan
Brian Love
11 months ago
Hello! 👋 I’m Brian. I like to write code, ski, and fly planes. I'm here to connect with fellow tech, aviation, parenting, and outdoors-y folks.
4
7
1
I poured a splash of coffee creamer directly into the container of instant coffee instead of my mug. How's your morning going?
11 months ago
2
2
0
Post a perfect album from the 90s that isn’t Nirvana, Pearl Jam, Soundgarden, or Alice In Chains.
add a skeleton here at some point
11 months ago
1
1
0
reposted by
Mike Ryan
Sam Julien
11 months ago
Post a perfect album from the 90s that isn’t Nirvana, Pearl Jam, Soundgarden, or Alice In Chains.
add a skeleton here at some point
0
3
4
I logged on looking for commentary about this Tennessee game. Where’s it at?
@brandonroberts.dev
👀👀👀
11 months ago
1
0
0
Come on Tyson, we need a win this week 🤞
11 months ago
0
3
0
I am working on Highpass (WIP name for the charting library), and I feel like using: <foreignObject><span>…</span></foreignObject> Is better than: <text>…</text> The former is easier to style than native SVG text. It just works with global typography styles. Thoughts?
11 months ago
0
0
0
It’s not the prettiest line chart, but it is… - Built with Angular components and directives - Fully accessible - Rendered to SVG - Has zero dependencies - Leverages incremental hydration to defer loading interactivity (i.e. tooltips) - Styled with CSS variables for easy customization
11 months ago
0
7
0
What’s your LEAST favorite thing about the chart library you’re using?
11 months ago
5
8
3
you reached the end!!
feeds!
log in