Build Your Portfolio with AI

View full presentation →

In this session, we built a personal portfolio website from scratch using Vercel v0's AI-powered design system. No coding experience required!

What You'll Learn

• Getting Started with v0: Creating your account and understanding the interface
• Prompting for Design: How to describe the portfolio layout you want
• Iterating on Components: Refining hero sections, project cards, and contact forms
• Customizing the Output: Making the generated code your own
• Deploying to Production: Publishing your portfolio with one click

Who This Is For

Anyone who wants a professional portfolio website but doesn't want to code from scratch. Perfect for:

• Designers showcasing their work
• Students building their first portfolio
• Professionals updating their online presence
• Anyone curious about AI-powered development

Resources

Tools We Used

• Vercel v0 - AI-powered UI generation
• Coolors.co - Color palette generator
• Awwwards - Design inspiration

Alternative AI Prototyping Tools

• Bolt - Quick prototypes with flexible designs
• Replit - Internal tools and data apps
• Lovable - Production apps with integrations

Recommended Reading

• Lenny's Newsletter - Guide to AI Prototyping
• Aakash Gupta's Blog - AI tools evaluation (student discounts available)

Prompting Guides

• Anthropic's Prompt Engineering Guide
• v0 Documentation - Maximizing v0 output

Example Portfolios

• pranavdhingra.vercel.app - Built with v0 (~2 hours)
• pranavdhingra.me - Hand-coded comparison (~40 hours)

Tools Used

This session focused on Vercel v0 for AI-powered UI generation, built on Next.js and React. No prior coding experience required!