Personal Website
This portfolio site — entirely vibe-coded using Claude Code, designed with v0 by Vercel, and deployed on a custom domain through Cloudflare.
One of my big goals was to use Claude Code to create a product entirely on my own. I decided to build my personal website and attempted to vibe-code the entire thing — using AI as my primary development partner throughout the process.
The workflow started with purchasing a domain from Cloudflare, then designing the vision using images of websites I found inspiring. I brought those design references into v0 by Vercel to generate a real-life mockup of how I wanted the site to look and feel.
From there, the entire website was vibe-coded using Claude Code — from the component architecture and styling to the responsive layout and animations. I then iteratively edited and refined the content, interactions, and visual details until the site matched my vision.
The result is the website you're browsing right now — live at quinlanoc.com. This project showcases my approach to leveraging cutting-edge AI tools as a force multiplier in the development process.