You've built your portfolio site - congratulations! Now let's turn you into a confident vibe coder who can build anything. This 30-day plan takes you from workshop participant to proficient AI-assisted developer.
How to Use This Guide
10-15 min
per day is all you need
Complete in order
for best results
Skip ahead
if comfortable
Revisit
if you need practice
Join community
to share progress
Week 1: Master the Basics (Days 1-7)
Week 1
Portfolio Polish
Goal
Perfect what you built
Tasks
- •Review your live portfolio site
- •Make 3 small improvements using Lovable
- •Test on 3 different devices
- •Share with 2 friends for feedback
Prompts
"Review my portfolio site and suggest 3 small improvements that would increase professionalism and user engagement. Prioritize quick wins."
Week 1
Content Refinement
Goal
Strengthen your messaging
Tasks
- •Reread your bio with fresh eyes
- •Ask Claude to suggest improvements
- •Update any outdated information
- •Add one new testimonial or case study element
Week 1
Mobile Optimization
Goal
Perfect the mobile experience
Tasks
- •Test every page on your phone
- •Note any issues with touch targets
- •Fix navigation quirks
- •Optimize images for mobile loading
Week 1
SEO Basics
Goal
Get found online
Tasks
- •Add meta descriptions to all pages
- •Optimize page titles
- •Add alt text to images
- •Submit to Google Search Console
Week 1
Social Proof
Goal
Build credibility
Tasks
- •Reach out to past clients for testimonials
- •Add logos of companies you've worked with
- •Include relevant certifications
- •Add social media links
Week 1
Performance Check
Goal
Speed matters
Tasks
- •Run Google PageSpeed Insights
- •Optimize images further if needed
- •Remove unused code
- •Test loading time on slow connections
Week 1
Week 1 Review
Goal
Consolidate learning
Tasks
- •Document what you learned
- •Save prompts that worked well
- •Share your progress with the community
- •Plan Week 2 goals
Week 2: Expand Your Skills (Days 8-14)
Week 2
Add a New Feature
Goal
Choose one: Blog section, FAQ page, or service detail pages
Tasks
- •Pick one new feature to add
- •Plan the structure and content
- •Build it using Lovable
- •Test and refine
Week 2
Forms Deep Dive
Goal
Add a newsletter signup or lead magnet download
Tasks
- •Plan what you'll offer (newsletter, free resource, etc.)
- •Create the form with validation
- •Connect to email service or database
- •Test the entire flow
Week 2
Animation Exploration
Goal
Add subtle, professional animations to your site
Tasks
- •Identify where animations would help
- •Add scroll-based animations
- •Enhance button hover states
- •Keep it subtle and professional
Week 2
Integration Practice
Goal
Connect a third-party tool (calendar, chat widget, etc.)
Tasks
- •Choose an integration to add
- •Follow setup instructions
- •Test the integration thoroughly
- •Document how you did it
Week 2
Content Strategy
Goal
Use Claude to plan ongoing content updates
Tasks
- •Create a content calendar
- •Draft 3 blog post ideas
- •Plan monthly portfolio updates
- •Set reminders for regular updates
Week 2
Backup & Documentation
Goal
Document your site setup and save important prompts
Tasks
- •Document your color codes and fonts
- •Save your best-performing prompts
- •Note any custom configurations
- •Create a maintenance checklist
Week 2
Week 2 Review
Goal
Review progress and plan Week 3
Tasks
- •Review what you built this week
- •Celebrate your progress
- •Identify areas for improvement
- •Plan your mini-project for Week 3
Week 3: Build Something New (Days 15-21)
Mini Project Idea
Week 3
Mini Project Planning - Day 1
Goal
Choose and plan your mini project
Tasks
- •Pick someone who needs a simple site
- •Interview them about their needs
- •Gather their content and images
- •Create a content outline
Week 3
Mini Project Planning - Day 2
Goal
Create wireframes and content
Tasks
- •Sketch out page layouts
- •Use Claude to generate content
- •Refine messaging and copy
- •Prepare all assets
Week 3
Mini Project Planning - Day 3
Goal
Finalize design decisions
Tasks
- •Choose colors and fonts
- •Plan the page structure
- •Create a build checklist
- •Set up the Lovable project
Week 3
Build the Project - Day 1
Goal
Build the homepage and navigation
Tasks
- •Create the hero section
- •Add navigation and footer
- •Build primary sections
- •Test on mobile
Week 3
Build the Project - Day 2
Goal
Complete remaining pages
Tasks
- •Build About and Services pages
- •Add Contact form
- •Polish design details
- •Test all functionality
Week 3
Build the Project - Day 3
Goal
Final polish and testing
Tasks
- •Review entire site
- •Fix any bugs or issues
- •Optimize performance
- •Prepare for launch
Week 3
Launch & Learn
Goal
Get the project live and gather feedback
Tasks
- •Publish the site
- •Share with the recipient
- •Gather their feedback
- •Document lessons learned
Week 4: Level Up (Days 22-30)
Week 4
Advanced Features - Day 1
Goal
Explore database functionality
Tasks
- •Learn about Supabase databases
- •Plan a feature that uses data storage
- •Start implementing the feature
- •Test data saving and retrieval
Week 4
Advanced Features - Day 2
Goal
Add user authentication (if relevant)
Tasks
- •Understand auth concepts
- •Implement login/signup if needed
- •Protect content appropriately
- •Test the auth flow
Week 4
Advanced Features - Day 3
Goal
Explore API integrations
Tasks
- •Identify useful APIs for your project
- •Learn how to connect them
- •Implement one integration
- •Test and debug
Week 4
Teach Someone - Day 1
Goal
Help a friend start their first page
Tasks
- •Find someone interested in learning
- •Walk them through Claude setup
- •Guide their first Lovable project
- •Answer their questions
Week 4
Teach Someone - Day 2
Goal
Continue helping them build
Tasks
- •Help with content creation
- •Guide design decisions
- •Troubleshoot issues together
- •Celebrate their progress
Week 4
Teach Someone - Day 3
Goal
Help them launch and learn from teaching
Tasks
- •Assist with final polish
- •Guide them through publishing
- •Reflect on what you learned by teaching
- •Document teaching insights
Week 4
Portfolio Update - Day 1
Goal
Add your new projects to your portfolio
Tasks
- •Document your mini-project
- •Create a case study
- •Take screenshots
- •Write project descriptions
Week 4
Portfolio Update - Day 2
Goal
Polish and enhance your portfolio
Tasks
- •Add new work to portfolio
- •Update testimonials if available
- •Refresh any outdated content
- •Optimize performance
Week 4
Celebration & Next Steps
Goal
Celebrate your progress and plan continued journey
Tasks
- •Review everything you've learned
- •Celebrate your accomplishments
- •Set goals for the next 30 days
- •Share your journey with the community
Beyond 30 Days: Continue Your Journey
Daily Practice (10 min)
- • Build one small thing
- • Improve existing project
- • Help someone in community
- • Learn one new technique
Weekly Goals
- • Complete one mini-project
- • Share learnings with community
- • Update your portfolio
Monthly Milestones
- • Launch one new site or major feature
- • Review and update existing projects
- • Set new learning goals
Your 30-Day Commitment
"I commit to 10-15 minutes of practice daily and building something I'm proud of."
Done is better than perfect. Ship it!
Created by: MXP Studio | Facing Disruption