🚧 Under construction — VoTechWorks is being built. A free tech program — complimentary, as our commitment to get America working.
voTechWorksGrade 13 · a vocational technology learning center, by urbanicity
newSchoolWorks.com › VoTechWorks › Technology & Design › Web & Software Development › Capstone Project: Full-Stack Web Application Build, Documentation, and Defense › Lesson 4
TEC-WEB46-08 · Lesson 4 · 40 clock hours · practice

Documentation Completion, Portfolio Assembly, and Project Defense

Objective. The student will finalize all project documentation (README, API docs, user guide, reflection report), assemble a professional digital portfolio entry, and deliver a 20-minute live defense presentation with a 10-minute question-and-answer session before a panel of at least one instructor and one industry reviewer.

⚠ Pending professional review

This lesson, its worked examples and its practice questions has not yet been verified by an industry-certified professional or by a certification or approval body. It is a study draft and may contain errors. Do not use it as instructions for work on a job site or on live equipment. Always follow your instructor, your supervising professional, and current official references and regulations.

VoTechWorks program approval and accreditation are still in progress. Credentials are issued only by the certifying bodies named in each program, after their own exams.

Documentation Completion, Portfolio Assembly, and Project Defense

This lesson brings your capstone project to its professional conclusion. You will finalize every piece of written documentation, assemble a polished portfolio entry, and present your work before a review panel. Each of these tasks reflects real workplace expectations: developers are routinely asked to document systems clearly, represent their work publicly, and defend technical decisions to stakeholders.

Completing Your Repository Documentation

A well-written README is often the first thing a reviewer, employer, or collaborator reads. Your README must include a project overview (what the application does and why it exists), the full technology stack, step-by-step setup and deployment instructions, known limitations or open issues, and a link to the live demo. Write for an audience that has not seen your code before — assume they are competent developers but know nothing about your specific project.

API documentation describes every endpoint your application exposes. Use Markdown tables or the Swagger/OpenAPI format (available at editor.swagger.io) to show the HTTP method, route, required parameters, request body format, and example responses for both success and error cases. Swagger/OpenAPI has the added advantage of generating an interactive documentation page automatically. Before you submit, exchange your API docs with a peer and ask them to follow the instructions cold — if they get confused, revise until the path is clear.

Your reflection report is a short professional document (typically one to three pages) that explains the choices you made, what you would do differently, and what you learned. Be honest about limitations. Reviewers — including potential employers — value self-awareness over overconfidence.

Assembling Your Portfolio Entry

Your portfolio is a living professional artifact. For this project, add three items: a one-paragraph project summary written in plain language (avoid excessive jargon), the URL of your GitHub repository, and a link to a three-to-five-minute screencast walkthrough.

Record your screencast using Loom or OBS Studio. Show the application running in a browser, walk through each major feature, and narrate what you are demonstrating. Keep the recording focused and professional — start a new recording if audio quality is poor or if you spend more than a few seconds on a dead screen. Upload the video to a stable public location (YouTube, Loom's shareable link) and confirm the link works from an incognito browser window before adding it to your portfolio.

Your portfolio platform (GitHub Pages or a personal site established earlier in the program) should present this entry alongside your other projects. A consistent visual layout and correct grammar across all entries signal professionalism.

Preparing for the Defense Presentation

Your slide deck should contain ten to fifteen slides. Plan for roughly one slide per minute, leaving time for natural transitions and panel questions. Recommended slide sequence:

1. Title slide — project name, your name, date

2. Problem statement — what real-world need does this application address?

3. Application architecture — diagram showing frontend, backend, database, and any external services

4. Technology stack and why you chose each component

5. Key technical decisions — for example, why you chose a particular authentication strategy or database schema design

6. Security measures implemented — input validation, authentication, HTTPS, environment variables for secrets

7. Testing approach and results — unit tests, integration tests, any coverage metrics you collected

8. Deployment process — hosting platform, CI/CD steps if applicable

9. Lessons learned and what you would do differently

10. Live demo reference or screenshot gallery

11. Questions slide

Practice your talk at least twice before the defense — once alone and once in front of a peer. Time yourself. Aim to finish the presentation portion in eighteen to twenty minutes so there is a natural pause before the panel begins its ten-minute question period.

During the Defense

Speak clearly and at a measured pace. When a panel member asks a question you cannot answer fully, it is appropriate to say, "I am not certain of the exact mechanism; my understanding is…" and explain what you do know. Guessing confidently and incorrectly is worse than honest uncertainty. Take a brief moment to organize your thoughts before answering complex questions.

Immediately after the session, complete your self-assessment using the provided defense rubric. Honest self-scoring helps you identify gaps even if you passed.

Scoring and Remediation

The panel scores your defense on technical accuracy, completeness of documentation, clarity of communication, and ability to answer questions. An average score of 70 percent or higher across all rubric domains is required to pass. If your average falls below 70 percent, the panel will identify specific areas for remediation. You will address those areas and repeat the defense within ten business days. Targeted preparation — not a complete redo — is the expectation, so take the panel's feedback seriously and act on it precisely.

Professional and Safety Considerations

Protect credentials and personal data throughout the documentation process. Never commit API keys, database passwords, or other secrets to a public repository — use environment variables and confirm your `.gitignore` file excludes `.env` files. If your application handles any user data, your documentation should acknowledge relevant privacy practices. These habits reflect the security awareness tested in your credentialing exams and expected by every professional employer.

Key terms8

READMEA plain-text or Markdown file at the root of a repository that explains what a project does, how to set it up, and how to use it; conventionally the first document a visitor reads.
OpenAPI/SwaggerA widely adopted specification for describing RESTful APIs in a machine-readable format; Swagger Editor (editor.swagger.io) renders the spec as interactive documentation automatically.
ScreencastA video recording of a computer screen, usually with narration, used to demonstrate software features or walk through a workflow.
Defense rubricA scoring guide listing evaluation criteria and performance levels used by a review panel to assess a student's presentation objectively and consistently.
Reflection reportA written document in which a developer analyzes the choices made during a project, acknowledges limitations, and identifies lessons learned for future work.
Environment variableA value stored outside source code in the operating system or a deployment platform, used to supply secrets such as API keys and database passwords without exposing them in a repository.
Portfolio entryA curated item in a professional portfolio consisting of a project summary, repository link, live demo or screencast link, and any relevant credentials or artifacts that demonstrate a developer's skill.
RemediationTargeted corrective study or revision addressing specific weaknesses identified by an evaluator, followed by a repeated assessment to demonstrate improvement.
In class: Complete the repository README to include project overview, technology stack, setup and deployment instructions, known limitations, and a link to the live demo; write API documentation in Markdown or Swagger/OpenAPI format covering every endpoint with request/response examples — reviewed by a peer for clarity before final submission. · Record a three-to-five-minute screencast walkthrough of the live application demonstrating all major features; add the recording link, the GitHub repository URL, and a one-paragraph project summary to the student's professional portfolio (personal website or platform such as GitHub Pages established in earlier coursework). · Deliver the project defense before the review panel using a slide deck of ten to fifteen slides covering problem statement, architecture, key technical decisions, security measures, test results, deployment process, and lessons learned; respond to panel questions for ten minutes; self-assess using the provided defense rubric immediately after the session.
Materials: Slide presentation tool (Google Slides, LibreOffice Impress, or PowerPoint), Loom or OBS Studio for screencast, Swagger Editor (editor.swagger.io) or Markdown, GitHub Pages or personal portfolio site, instructor and industry-reviewer panel evaluation rubric, program style guide for documentation
Check: The defense is scored by the full panel on the defense rubric (technical accuracy, completeness of documentation, clarity of communication, ability to answer questions); a passing defense requires an average panel score of 70 percent or higher across all rubric domains — a student scoring below 70 percent completes targeted remediation identified by the panel and repeats the defense within ten business days.

Practice check8

Answer each question, then check it. Nothing is recorded; this is your own practice.

Professional documentation and software development practices
1. Which section of a project README most directly helps a new developer run the application on their own machine?
API documentation and web development tools
2. A student wants to document every API endpoint with interactive, testable examples that update automatically when the spec file changes. Which tool is best suited for this purpose?
Portfolio development and professional presentation
3. Before publishing a portfolio screencast link, what is the most important verification step?
Program assessment policies and professional standards
4. A student receives an average panel score of 65 percent on the capstone defense. According to program policy, what must happen next?
Security fundamentals and secure coding practices (CompTIA ITF+)
5. Which practice BEST protects sensitive credentials in a publicly visible GitHub repository?
Professional communication and workplace readiness
6. During the defense question period, a panel member asks a detailed question about a networking protocol the student has not studied in depth. What is the most professional response?
Professional communication and presentation skills
7. A ten-to-fifteen slide defense deck is designed for a twenty-minute presentation. Approximately how many minutes should a presenter allocate per slide on average?
Technical knowledge and software development fundamentals
8. Which rubric domain directly evaluates whether the student can explain the purpose and behavior of their API endpoints when questioned by the panel?
Record this lesson on my transcript. Sign in with your key and enrollment email to record lessons (enroll free if you have no key). This page stays open to read and practise.