Web Design AI Header

Demo 1: Instructions & Submission Checklist

Complete assignment instructions for Demo 1: Flask application customization with GitHub submission.

Demo Objectives

  • Create a customized Flask application from the starter kit template
  • Personalize the content with your information
  • Set up proper development environment
  • Submit via GitHub with proper collaboration setup
  • Write a reflection on the learning experience

Step-by-Step Demonstration

Step 1: 1. Set Up the Project

  • Go to Starter Kit Flask F25 and click Use This Template
  • Name your repo: <yourlastname-4210-demo-01> (where 4210 is your class: 4210, 5210, or 6391)
  • Set repository to private
  • Clone your new repo in Cursor
  • Launch terminal and start up Claude

Step 2: 2. Set Up Environment

  • Start the virtual environment
  • Install the required libraries
  • Test that the starter kit works locally

Step 3: 3. Customize the Pages

Using Claude Code, make the following adjustments:

  • Index page: Update content about your favorite vacation spot
  • About page: Add a short resume and your picture
  • Create animals.html: Add picture and description of your favorite animal
  • Update navbar: Include link to your animal page
  • Site title: Include your name and "Demo 1"
  • Test locally: Use flask run to verify everything works

Step 4: 4. Submit to GitHub

  • Push your changes to GitHub
  • Verify changes are updated on GitHub
  • Add bamarshall06 as collaborator in repo settings
  • Copy your repo URL for submission

Step 5: 5. Write Reflection

Write 1–2 paragraphs reflecting on your experience:

  • What challenges did you face, and how did you overcome them?
  • What did you learn from this assignment?
  • Save as PDF file

Step 6: Deliverables

Submit to GeorgiaView:

  • GitHub repository URL
  • PDF reflection document
  • Repository shared with bamarshall06