Day 5 TextbookFinal Validation, Deployment, Presentation, and Improvement β€” Complete Guide from Deployment to Demo Day
🏫 AI Self-Study Classroom
ACE AI Startup Bootcamp Β· Self-Study Textbook
D5

Final Validation, Deployment,
Presentation, and Improvement

Complete the five-day journey and share your finished service with the world

πŸ”
Chapter 1
Three-Step Final Validation
πŸš€
Chapter 2
GitHub Pages Deployment
🎀
Chapter 3
Preparing a Five-Minute Presentation
πŸ†
Chapter 4
Final Check & Completion
Training Provider
ODA AI SW Β· ACE Program
Course
AI Web Development for Aspiring Founders
ACE AI Startup Bootcamp Β· Day 5 Introduction and Three-Step Final Validation
ACE AI Startup Bootcamp Β· Day 5 Self-Study Textbook

Final Validation, Deployment, Presentation, and Improvement

πŸ“š Today, you will complete your five-day journey by validating the finished service, deploying it online, and preparing a five-minute presentation.

1. What Are We Doing Today?

πŸ”
Final validation
Check the checklist to see if all the Must features are working by PROJECT.md.
🌐
Online deployment
We can use GitHub Pages to get to the URL of the deployment.
🎀
Preparing a Five-Minute Presentation
Prepare a presentation explaining the next plan
πŸ”„
Reflection and Improvement Plan
Write an NEXT_STEPS.md to organize what you've learned, what you've missed, what you're going to make next.

2. The Three-Level Final Validation Pyramid

Before deployment, check that the service is working properly in a three-step sequence below.

1
Does the feature validation Must feature all work?
PROJECT.md ##7. Check the Must feature of Features one by one.
Record each item as Pass or Fail in VALIDATION.md.
2
Do you have a continuous core flow?
PROJECT.md ##14. Follow the demo scenario.
If you run from start to finish without any obstacles, pass.
3
Exception validation empty value, does the error message come from the wrong input?
Open the required input, submit, and check that the service doesn't stop even if you enter a strange value.

πŸ“‹ Codex Prompt for Final Validation

Codex request: I need you to update VALIDATION.md. Validation criteria: PROJECT.md ## 7. Features must feature full Write it in the form of a table: Feature, validation method, results of pain and/or pain. Add the following common exceptions to the validation item: - Required input blank spaces when submitting an error message or not - The list of Empty State message displays - Whether or not to retain data after the browser is rebooted (localStorage)
Self-Study AI Web Development Textbook for Founders Page 1 of 6
ACE AI Startup Bootcamp Β· Day 5 GitHub Pages Deployment Guide

3. Deploy Online with GitHub Pages

🌐 What Is Deployment? Deployment makes a service that was available only on your computer available on the internet so anyone can access it through a URL.
GitHub Pages is a free online deployment of HTML files.

πŸ“Œ Step-by-Step GitHub Pages Deployment Guide

1
Create a GitHub account (if you don't have one)
github.com Log in β†’ Sign up β†’ Email authentication completed
2
Creating a new repository.
Upper right + button β†’ New repository
Name: my-project (or service name)
Select public β†’ Create repository click
3
Upload the file.
Click "uploading an existing file" in the my-project folder. index.htmlDrag and drop
Commit message: "Day 5: Final MVP upload" β†’ Commit changes click
4
Set to GitHub Pages
Repository β†’ Settings β†’ Pages (menu on the left)
Source: "Deploy from a branch" β†’ Branch: main β†’ / (root) β†’ Save
5
Check the deployment URL
One to three minutes later, the URL will appear at the top of the Pages setting screen:
The format: https://[GitHub ID].github.io/my-project
Share this URL with your team members, your mentors!
Do you want to fix it after deployment?
index.html edit β†’ GitHub Repository access β†’ index.html file click β†’ ️ edit button β†’ Commit after edit
It automatically updates the site.
Self-Study AI Web Development Textbook for Founders Page 2 of 6
ACE AI Startup Bootcamp Β· Day 5 Designing a Five-Minute Presentation Story

4. Build a Story Structure for a Five-Minute Presentation

A great five-minute presentation is not a technical explanation; it is a story. Use the structure below to keep your audience engaged.

PartTimeContent
β‘  Hook Thirty seconds. A problematic phrase that the audience can sympathize with
β‘‘ Problem Forty-five seconds. Who, under what circumstances, is uncomfortable?
β‘’ Solution Thirty seconds. How does my service solve this problem?
β‘£ Live Demo Two minutes. Core flow demonstration to the actual service screen
β‘€ Results and Lessons Learned Forty-five seconds. What I've learned over the course of five days, I'll add next.
β‘₯ Closing Thirty seconds. One-line summary + deployment URL sharing
Self-Study AI Web Development Textbook for Founders Page 3 of 6
ACE AI Startup Bootcamp Β· Day 5 Presentation Script Example & Codex Prompt

πŸ“ Presentation Script Example (Pet Walking Match Service)

1 (30 seconds)
"Have you ever been so tired that when you come home from work, you can't walk because you know your dog hasn't been out all day?
I hated that feeling of guilt so much that I created this service".
β‘‘ Problem (45 seconds)
"It's estimated that 73 percent of domestic workers walk their pet less than three times a week.
It's not uncommon to ask a friend, and it's hard to believe that existing apps are the latter.
Eventually, both the pet and the guardian are stressed".
β‘’ Solution (30 seconds)
"I've created a three-step, simple, reliable walking helper booking service.
Condition input β†’ helper list β†’ booking completed. It takes less than five minutes".
Four live demo two minutes.
"I'll show you right now. You can go to this URL.
[screen sharing] Select the date and... select the flashback helper... complete the reservation!
[Enjoyment] You can save your favorite helper like this".
β‘€ Results and Lessons Learned (45 seconds)
In just five days, I built a working web service on my own for the first time.
I've learned that if you ask for AI tools, you don't get the desired results.
Next, I'd like to add a real-time payment feature and real-time location sharing".
β‘₯ Closing (30 seconds)
"It's a 10-minute booking service that addresses stray worker's dog walking concerns".
You can use it right now at this URL: https://username.github.io/my-project.
Thank you!"

πŸ“Œ Generate a Presentation Script with Codex

Codex request: Write a five-minute presentation script based on PROJECT.md. Rescue team: 1 - 30 seconds: A problematic sentence that the audience can sympathize with 2. Problem Description (45 seconds): The discomfort of the Target User and the limitations of the current alternatives Introduction to the Solution (30 seconds): Key Value Proposals 4th Demo Scenario 2 minutes: ##14 Demo Scenario based step by step description Performance (45 seconds): What you learned from creating, what you'll add next. Six. Finish (30 seconds): One-line summary plus URL File name: Save it to PRESENTATION_SCRIPT.md.
Self-Study AI Web Development Textbook for Founders Page 4 of 6
ACE AI Startup Bootcamp Β· Day 5 Ten Questions to Expect After the Presentation

5. Ten Questions to Expect After Your Presentation

Q1. Why did you choose this problem?
A: I've chosen a problem that I'm experiencing personally or that I see around me often.
Q2. What's different about the existing app?
A: PROJECT.md ##4. Explain the limitations of existing alternatives to Current Alternatives and the difference in my services.
Q3. Do you really have a user?
A: It's still MVP, and the next step is to have five people write it directly and get feedback.
Q4. How do you make money?
A: Right now, the goal is to validate the feasibility of the service, and we're reviewing the future fee model.
Q5. Where is the data stored?
A: MVP is stored in the localStorage browser, and in the actual service, we plan to convert the server to DB.
Q6. Did you make it alone in five days?
A: I used Codex and Antigravity, and the AI generated the code, and I decided on the requirements document and the direction.
Q7. What was the hardest part?
A: The hardest thing was learning how to make a clear request to AI, and the key was to use specific acceptance criteria.
Q8. What are you going to add next?
A: It's fine with NEXT_STEPS.md.
Q9. Can you do it on your mobile?
A: Yes, it's designed to be responsive, and you can use it on your smartphones, so check it directly with the QR code.
Q10. Do you actually plan to start this service?
A: In this five-day course, I've learned how to put ideas into practice, and I'm going to look at the user response and decide.
Self-Study AI Web Development Textbook for Founders Page 5 of 6
ACE AI Startup Bootcamp Β· Day 5 Peer Review & Deployment Safety Checklist

6. Team-to-Team Review Feedback Form

PEER_REVIEW.md write form
# Mutual reviews Feedback

## Reviewed service: [Service name]
## Reviewer: [name]

### βœ… Good points (more than two)
1.
2.

### Proposals for improvement
1.
2.

The core flow is complete.
- Did it run without interruption until the start β†’ finish? - Yes / No
- If not, at what stage?

### ⭐ Full completion (only 5 points): /5 points
### πŸ“Œ One-Line Overall Comment:

πŸ“Œ Write NEXT_STEPS.md with Codex

Codex request: I need you to create an NEXT_STEPS.md file. The reference document: PROJECT.md, VALIDATION.md Content: ##1. What I've learned in this process - Three things I learned technically. - Two things I learned from planning. ## 2. Areas for Improvement - List of unfinished Should/Could features ##3. Next improvement plan (priority ranking) 1. [feature name]: Reasons and anticipated implementation 2. 3. ## 4. user validation plan - I'll use it next week for the O.O. to gather feedback. - Three questions to confirm.

7. Final Pre-Deployment Safety Checklist

Check before deployment!
β€’ Check that the code does not contain a password, API key
β€’ Verify that someone else's personal information (phone number, email, etc.) is not in the dirty data
β€’ Check for additional files other than index.html (when separating CSS, JS files)
  • VALIDATION.md final update completed
  • PROJECT.md ## 14. Demo Scenario flow running from start to finish.
  • An error message is displayed when a blank input is submitted.
  • I've got a GitHub account and I've built a repository.
  • I uploaded index.html to GitHub.
  • GitHub Pages is activated and the URL is generated.
  • The deployment URL of the service is working normally.
  • The screen won't break on your mobile.
  • Complete writing of the PRESENTATION_SCRIPT.md announcement script
  • NEXT_STEPS.md reflection document completed

8. Completing the Five-Day Course

Congratulations to you!
If you didn't know how to use a development tool five days ago, now you're saying:
You can define the user problem and systematize it to PROJECT.md.
We can use AI tools to create real-world web services.
β€’ We deployed our services online and made them accessible to everyone.
β€’ A five-minute presentation to describe the service.

Now you can create a second service yourself. Keep making it!
βœ… Day 5 completed = complete process!
Share the deployment URL with the mentor and prepare the presentation.
Self-Study AI Web Development Textbook for Founders Page 6 of 6