Exercise 1
Click here
How to Create a Website with AI (Even If You're New to This)
Imagine a company wants a website that looks cool and modern like Nike's but feels friendly and welcoming like Planet Fitness. Your job is to use an AI tool called Cursor to make it happen. You don't need to know anything about design or coding—just follow these steps to start simple and let the AI help you build it.
Step 1: Start with a Super Basic Prompt
Open Cursor and type this:
"Make a website that looks cool like Nike's but feels friendly like Planet Fitness."
Why This Works
It's plain English—no techy words needed. You're just telling the AI the vibe you want: sleek and modern (like Nike) mixed with warm and approachable (like Planet Fitness).
What Happens Next
The AI will create a first version of the website. It might not be exactly what you pictured, but that's fine—it's just a starting point.
Step 2: Chat with the AI to Make It Better
Think of the AI as a friend who's helping you design. If you don't like something or want to tweak it, just talk to it! Here's how:
Ask Simple Questions:
  • "How can I make it feel more welcoming?"
  • "What can I add to make it look cooler?"
  • "Can you make it easier to use?"
Tell It What You Think:
  • "I like the look, but it feels too serious. Can you make it friendlier?"
  • "The colors are nice, but can they be brighter?"
Why This Helps: Talking to the AI helps it figure out what you want. Each time you ask a question or give feedback, it gets closer to your vision.
Step 3: Improve Your Prompt and Try Again
Tweak Your Original Instruction
Based on what the AI suggests, refine your prompt. For example: "Make a website that looks cool like Nike's but feels friendly like Planet Fitness, with bright colors."
Keep It Simple
You don't need to get fancy—just add one or two details at a time. Try it again and see how it changes.
Be Specific With Feedback
If something's off, say exactly what you mean. Instead of "It's bad," try "It feels too dark—can you lighten it up?"
Repeat as Needed
Keep chatting and tweaking until it feels right. It's okay if it takes a few tries—that's how you learn!
Step 4: See What You've Learned
What worked?
Did asking about colors help? Did telling the AI to make it "friendlier" get you better results?
What could be easier next time?
Maybe you'll start with more details upfront. Write down one thing you'll try differently.
Why This Is Cool
You're not just making a website—you're getting better at telling the AI what you want. That's a skill you can use anywhere!
Guidance
I want to build a software that does x,y,z
  • Give me the Project Requirements Doc (PRD)
  • Give me a backend-structure.md doc
  • Give me a frontend-guidelines.md doc
  • Give me a project-status.md doc
  • Give me a tech-stack.md doc
  • Give me a Main "Dashboard" page layout
  • Give me all subpages done like that
  • Give me the functionality doc
  • Give me the app flow doc
Step 5: Show Off Your Work & Why This Rocks
Save Your Website Files
Once it's done, save the website files from Cursor (they might be called HTML or something—don't worry about the names).
Put It on GitHub
Upload the files to your GitHub account and send the link to your classmates.
Ask for Help (Optional)
If you want, tell a friend: "I made this site that's cool like Nike and friendly like Planet Fitness. Can you add a big 'Welcome' at the top?"
Celebrate Your Success
You don't need to be a tech expert to do this. By starting with a basic idea and talking to the AI, you've turned a vague thought into a real website. You've learned how to start small, team up with AI, and get better each time.
Create Project Repo
Follow these steps to link your local project to your GitHub repository:
Go to GitHub
Open your web browser and go to https://github.com. Log in to your GitHub account.
Create New Repository
  • Click the + icon in the top-right corner and select "New repository"
  • Give your repository a name (e.g., tank-game-project)
  • You can add an optional description
  • Choose "Public" or "Private"
  • IMPORTANT: Do NOT check any boxes under "Initialize this repository with:" (like README, .gitignore, or license). Leave them all unchecked
  • Click the "Create repository" button
Copy Repository URL
  • On the next page (which might say "Quick setup"), look for the HTTPS URL. It will look like https://github.com/YourUsername/YourRepositoryName.git
  • Click the copy button next to the URL
Add Remote in Cursor
  • Come back to Cursor
  • Tell me the URL you just copied. I will then run the command to link your local project to GitHub. (The command will look like git remote add origin <paste_your_url_here>)
Push Code to GitHub
  • After I confirm the remote is added, tell me to push the code. I will then run the command to upload your files. (The command will be git push -u origin master or git push -u origin main)
Let me know the URL from Step 3 when you're ready for Step 4.
Contact
If you want more help. I am happy to help you. Best way to reach me is via text: 801-636-9250. Let me know in your text what you are working on and where you are stuff. if you really want help, set up a loom account and send me the video of the issue