Day 3 Building MVP from PROJECT.md (Interactive Lab Module)
🏠 LMS Home 🖥️ Open Presentation Slides 📖 View Textbook

Day 3. Building MVP from PROJECT.md

Transform your Day 2 specifications into a runnable web app using Antigravity and audit implementation against criteria with Codex. The core objective is not creating many screens, but completing a functioning MVP v0.1 with an end-to-end user value loop.

🎯 Objective 1. Phased ScaffoldingStep-by-step implementation instructions based on PROJECT.md to generate the initial home view
🎯 Objective 2. Core User FlowVerify complete end-to-end Input ➔ Processing ➔ Output flow in the browser
🎯 Objective 3. Defensive StatesImplement loading, empty, success, and error states to handle edge cases
🎯 Objective 4. Automated QA AuditCreate VALIDATION_DAY3.md and improvement backlog using Codex
🖥️ Day 3 LECTURE Core Slide Deck (Interactive Viewer)
1 / 12
💡 Self-Study Tip: Scaffold in Antigravity → Verify in browser → QA Audit in Codex → Iterate

⏱️ Daily Schedule Breakdown (6 Hours / 360 Mins)

Time Type Key Topics Deliverable
20 MinsRetrospective & SetupDay 2 review, open questions, runtime verificationReadiness Checklist
40 MinsLecture 1Spec-based coding, project structures, phased promptingImplementation Roadmap
30 MinsLecture & Live DemoFull cycle of Antigravity code generation and Codex QADemo Project
50 MinsLab 1Scaffold project shell and home view via AntigravityRunnable Base Project
50 MinsLab 2Implement screen transitions and form input validationPrimary User Journey
70 MinsLab 3Connect core feature logic and results view (MVP v0.1)MVP v0.1
40 MinsQA Audit LabAudit implementation against specs using CodexVALIDATION_DAY3.md
30 MinsWrap-up & ReviewMVP demonstrations and formulating Day 4 backlogImprovement Backlog

💻 Day 3 Hands-on Lab Assignment Board

Click any task card to inspect step-by-step guides, copy-ready prompts, file structures, and self-audit checklists.

Lab Progress: 0 / 6 Completed (0%) Click checkboxes on each card to track your progress
Task 01 Antigravity
⏱️ 50 Mins

Project Structure & Home Screen Scaffolding

Read PROJECT.md to generate the base directory structure, dark-theme layout shell, and home screen with primary CTA.

Deliverable 📁 src/ & 🌐 index.html (Home)
Task 02 Antigravity
⏱️ 50 Mins

Screen Transitions & Core Form Input Validation

Implement smooth screen routing from home to the input form with complete field validation and empty state warnings.

Deliverable 🌐 Input Screen & Form Validation
Task 03 Antigravity
⏱️ 70 Mins

Core Features & Results Screen (MVP v0.1)

Complete the full Input ➔ Processing ➔ Result flow, gracefully handling default, loading, empty, success, and error states.

Deliverable 🚀 MVP v0.1 (End-to-End Flow)
Task 04 Codex Web ChatGPT
⏱️ 40 Mins

Drafting VALIDATION_DAY3.md with Codex

Objectively audit implementation against PROJECT.md criteria (Pass/Fail/Manual Check) and derive Day 4 improvements.

Deliverable 📄 VALIDATION_DAY3.md
Bonus Track A Antigravity
🚀 CRUD App Specialization

Simple CRUD Notes Web App MVP v0.1

Build a clean web app to create, list, and delete text notes with client-side localStorage persistence using Antigravity.

Deliverable 🌐 Note App (localStorage)
Bonus Track B Antigravity
🚀 Calculator / Tool Specialization

Calculator or Unit Converter Web Tool

Implement a single-page utility tool (e.g., BMI calculator or currency converter) with input validation and visual gauges.

Deliverable 🌐 BMI / Calc Tool

❓ Day 3 Self-Evaluation Comprehension Quiz

Q. What is the most effective approach for the initial code generation prompt in Antigravity?
① "Read PROJECT.md and build the entire complete service all at once."
② Request a summary and clarifying questions first, then instruct it to scaffold only the home screen and primary CTA.
③ Generate all visual screens first and wire up data logic afterwards.

🎁 Day 3 Core Deliverables Definition

Essential deliverables that must be completed by the end of Day 3.

Deliverable 01
🗂️ Base Project Shell

Runnable local project hierarchy with home screen matching PROJECT.md specifications.

Deliverable 02
🌐 MVP v0.1

First working prototype with an unbroken end-to-end user loop (Input ➔ Processing ➔ Result).

Deliverable 03
📄 VALIDATION_DAY3.md

Pass/Fail/Manual Check audit matrix for each Must-Have feature and Day 4 iteration backlog.

📬 Deliverables Submission & Registration Center

Day 3 Core Deliverables & Classroom Submission

Upload your core deliverables to Google Drive and register your submission in Google Classroom.

💡 How to Submit & Register Your Assignment
[Step 1] Google Drive File Upload: Set the file name format as [TeamName]_[Title] (e.g. Maikaratu-Enterprice_Day3_Deliverables) and upload it to the Google Drive folder.
[Step 2] Google Classroom Registration: Click the [Register Submission] button below to open Google Classroom, then add a comment in the format Assignment Submitted : [Google Drive Link] to complete your registration.
☁️ Upload Day 3 Deliverables (Google Drive) 📋 Register Submission (Google Classroom)