Choose Your Project

Now comes the fun part - deciding what to build!

During this workshop, you can choose from three project ideas, or bring your own:

Project	Description
Personal Portfolio	A beautiful one-page website showcasing who you are
Interactive Quiz	A fun game that tests knowledge and shows results
Habit Tracker	A simple app to track daily habits and see your progress
Your Own Idea	Anything you can imagine!

All paths lead to the same destination: a working project you can show off!

Option 1: Personal Portfolio

👤

Personal Portfolio

A beautiful one-page website that showcases who you are. Perfect for job hunting, networking, or just having your own corner of the internet.

View starter prompt (click to expand)

Create a personal portfolio website with:
- A hero section with my name and a short tagline
- An "About Me" section where I can describe myself
- A "Skills" section showing 4-6 things I'm good at
- A "Projects" section with placeholder cards for 3 projects
- A "Contact" section with links to email and social media
- Modern, clean design with a color scheme of your choice
- Mobile-responsive layout
- Use HTML, CSS, and vanilla JavaScript only

Option 2: Interactive Quiz Game

🎮

Interactive Quiz Game

A fun trivia game that tests knowledge and shows a final score. Great for learning how user interaction works.

View starter prompt (click to expand)

Create an interactive quiz game with:
- A welcome screen with a "Start Quiz" button
- 5 multiple-choice questions about [choose a topic: movies, science, history, etc.]
- 4 answer options per question
- Visual feedback showing if the answer was correct or wrong
- A progress bar showing current question number
- A results screen showing final score with a message based on performance
- Option to restart the quiz
- Fun, colorful design with animations
- Use HTML, CSS, and vanilla JavaScript only

Option 3: Habit Tracker

✅

Habit Tracker

A simple app to track daily habits and visualize your consistency. Perfect for building good routines.

View starter prompt (click to expand)

Create a habit tracker app with:
- Ability to add new habits with a name and emoji
- A list of habits that can be marked complete for today
- Visual checkboxes or toggle buttons for each habit
- A simple streak counter showing consecutive days
- Data saved in browser localStorage (persists between visits)
- Clean, minimal design with satisfying animations when completing habits
- A weekly view showing which days each habit was completed
- Use HTML, CSS, and vanilla JavaScript only

Option 4: Build Your Own Idea!

Have something else in mind? Use our Prompt Builder to create your own project prompt!

✨ Prompt Builder

What type of project?

Describe your idea (1-2 sentences)

Key features (comma-separated)

Color preference (optional)

Your custom prompt:

Tips for Writing Good Prompts

💡 Prompt Writing Tips:

Be specific - “A contact form” is vague; “A contact form with name, email, message fields and validation” is clear
List features - Bullet points help Claude Code understand exactly what you want
Mention the tech - “Use HTML, CSS, and JavaScript” keeps things simple for beginners
Describe the look - “Modern and minimal” or “Fun and colorful” guides the design

What Happens Next?

Once you’ve chosen (or created) your project:

Copy your prompt - Either from the templates above or from the Prompt Builder
Open Claude Code - Start a new chat
Paste and run - Give Claude Code your prompt and watch the magic happen!

We’ll walk through this step-by-step in the next section.

✅ Checkpoint

You have a project idea and a prompt ready to go. Time to build!