Amplifying Reach

Coding, Web Presence, & Audience Building

Learn to build your own digital presence to enhance stylistic freedom and reduce costs. Our guides teach you how to "vibe code" your portfolio into a functioning and high-quality website using AI.

Live Workstation

"Vibe Coding" Your Portfolio

No coding experience required. You will work within a fully AI-powered Integrated Developer Environment (IDE) that allows you to instruct the AI to modify your code with your requested changes.

Step-by-Step Exercise:

  1. Learn how to efficiently edit code using plain language through premium AI models which are accessed for free with promotional offers.
  2. Use fundamental software engineering principles to guide your AI IDE.
  3. Instruct the AI IDE to build the foundation of your site using natural language and iteratively adjust.
  4. Safely navigate your AI interactions and integrate useful functional tools directly into your website.
  5. Launch the results of your exercise as a live website on a temporary domain.
Example InstructionBuild a single-page portfolio website for an artist that makes merchandise inspired by your local town. The merchandise offered will be stickers, postcards, and enamel magnets.

Use the cookies and cream color scheme included below. Include a hero section with a brief bio (no picture), a section displaying the featured art, and a secure contact form at the bottom.

Use Next.js to create the single page. Feature placeholder images as the displayed artwork and provide instructions for how to update them.

<color_scheme>
primary: #F7F3EB
secondary: #3A2E2B
tertiary: #9C8A81
accent: #D98E5F
</color_scheme>
Result
Take-Home Exercise

Making Your Site Permanent

Deploy your temporary code to a permanent home on the web. This guide provides exact steps to host your site securely and affordably, giving you full ownership of your digital space.

1. Purchasing a Domain

Secure your own custom web address to establish a professional digital presence for your portfolio.

2. Free Hosting Setup

Deploy your code easily and for free utilizing Vercel to keep your platform running sustainably.

3. Advertising Your Website

Ensure your newly minted website reaches your intended audience and effectively highlights your creative work.