I’ve been a frontend dev for about 1.5 years, mostly working with React and Next.js.
I always found it hard to build polished personal portfolios, especially when trying to combine design, layout, and live code previews. So I built ChatPortfolio, an AI that writes and updates your React portfolio code in real time.
You can chat like:
“Add a work experience where I worked at Google.” “Change the theme to red.”
And it updates the portfolio instantly — no rebuilds, no manual syncing, just live generative React code.
Under the hood:
- Uses Next.js for server rendering and routing.
- Integrates with Tambo (a generative UI framework) for returning live React components inline.
- Real-time updates through an interactable React tree, so AI changes the UI without triggering rebuilds.
I’m still experimenting with better editing UX, saving user state, and custom schema validation for generated components. And the best part is, it's Open Source!
Demo: https://the-chat-portfolio.vercel.app
Repo: https://github.com/fudailzafar/chatportfolio
P.S. My first HN post, would love any feedback and do check it out :)