About
A side project I built for myself. Maybe it's useful for you too.
I'm a designer and nocoder — though I know my way around HTML and CSS. My day-to-day lives inside Webflow, Bricks Builder, Framer, and Figma, where I design digital products and experiences without writing much code from scratch.
Then vibe-coding showed up, and everything changed a bit.
With tools like Claude Code, Codex, Cursor, and Antigravity, I started being able to build things I couldn't before. Describe what you want, the AI writes it, you iterate. It's genuinely fun and a little addictive.
But every time a project got slightly complex, I'd hit the same wall: a pile of names I didn't recognize. GSAP, Zustand, Drizzle, LlamaIndex. What are these? Which one do I actually need? Why is the AI suggesting this one and not that one?
I'm not a developer in the classic sense. I don't have years of Stack Overflow in my bones. So I started building vibenoodles for myself — a place to understand what all these tools are, what they do, and when you'd reach for them. Not documentation. Not a tutorial. Just a map.
I'm using AI to build this while learning the logic behind it. Which means there are probably errors, rough edges, and things a real developer would do differently. I'm aware of that, and I'm fine with it. If you spot something wrong — please be patient, or better yet, let me know 🍜
This is a starting point. Down the road I'd love to add tutorials, real code examples, and starter structures you can take and modify. But for now: the map.
Who I am
I'm Andrea (Andre) Dall'ara — designer, maker, nocoder, based in Italy.
I work as a freelance designer and as part of the team at Beefree, an email design platform. I design digital products, brand identities, and web experiences — mostly no-code, increasingly AI-assisted.
My personal site is andremecha.it — come say hi. (P.S. it's still a work in progress!)
Links
soon