Launch
You will launch your website project by testing AI-generated code in VS Code, examining what makes a site useful for a real audience, and setting an initial direction for a website topic you care about. You will leave this phase with a first project idea, evidence from code testing, and a clear next step for building a purposeful site.
Days 1 - 2
πŸ€– AI Prompt Jam in VS Code
Launch 90m
πŸ—ΊοΈ Website Purpose Pitch Board
Deliverable 90m
Empathy & Assumptions
You will investigate who your website is for before building major features. Through quick instruction, direct user interviews with classmates, teacher feedback, assumption checking, and an evidence-based summary, you will gather real audience information that can guide later HTML, CSS, TypeScript, and AI-supported design choices.
Days 3 - 6
🧭 Audience Needs Interview Prep
Knowledge/Skill Building 70m
🎀 Classmate User Interviews
Community Experience 90m
πŸ€– AI Research Claims Test
Research 90m
πŸ—‚οΈ Empathy Map Evidence Brief
Assessment 90m
Define & Ideate
You will turn your user research into a focused website direction by defining the problem clearly, generating multiple concept options, testing those options with classmates and your teacher, and selecting one evidence-based direction for fast prototyping.
Days 7 - 10
🧭 HMW Statement and Design Brief
Knowledge/Skill Building 90m
πŸ–ΌοΈ Wireframes with HTML Content Map
Knowledge/Skill Building 90m
πŸ€– AI Prompt Test and Concept Critique
Project Work 90m
βœ… Selected Direction Decision Memo
Assessment 90m
Prototype & Validate
You will turn your website idea into a tested prototype, collect feedback from classmates and the teacher, and revise it through two documented iteration cycles. You will use VS Code, HTML, CSS, TypeScript, and AI support carefully, checking what works for real users and what still needs your judgment before moving into the final showcase phase.
Days 11 - 14
🧭 Prototype Plan and Check-In
Knowledge/Skill Building 45m
πŸ› οΈ VS Code Prototype Sprint
Project Work 90m
πŸ’¬ Peer Test and Revision Loop
Deliverable 90m
βœ… Validation Demo and Build Gate
Assessment 90m
Showcase
You will present your finished website, explain how it serves a real purpose, show how your TypeScript feature works, and use feedback and evidence from testing to justify your design and coding decisions. You will also review how AI supported your process, where it failed or needed revision, and what you learned about building for real users.
Days 15 - 16
🧭 Website Progress Check-In
Deliverable 30m
πŸ–₯️ Launch Day Website Showcase
Assessment 150m