index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> Introduction to Programming - COMP423 - 23S</title>
  <link rel="icon" type="image/png" href="/static/tabbrand.png" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  <link rel="stylesheet" href="/static/styles.css?v=1683399679.7171667">


</head>

<body>

  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg bg-dark navbar-dark py-1 fixed-top">
    <div class="container">
      <a href="/" class="navbar-brand">COMP423</a>

      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navmenu">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item">
            <a class="nav-link " href="/">agenda</a>
          </li>
          <li class="nav-item">
            <a href="/support" class="nav-link">support</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <section class="bg-dark text-light p-5 pt-lg-5 text-center text-sm-start d-none d-md-block">
    <div class="container">
      <div class="d-sm-flex align-items-center justify-content-between">
        <div>
          <h1>Foundations of Software Engineering</h1>
        </div>
      </div>
    </div>
  </section>

  <div class="container">
    <div class="content"><div class="link-page pt-4">
<div class="row">

<!-- Horizon Box/Column -->
<div class="col-lg-4 col-md-12 col-md-1 order-lg-3 pt-5">
<div class="horizon-box mb-3">
<h3 class="header text-center pt-2">
On The Horizon
</h3>
<ul class="list-unstyled d-flexpx-sm-5 px-md-5 px-lg-0 flex-wrap justify-content-center justify-content-md-between justify-content-lg-center align-items-center">
<li class="horizon-item">
<a href="/exercises/sp02-sprint-2.html">SP02 - FRI, APR 28 11:59pm</a>
</li>
<li class="horizon-item">
<a href="/exercises/fn00-final-project.html">SP03 - WED, MAY 03 11:59pm</a>
</li>
</ul>
</div>
<div class="past-link">
<a href="#past">
<div class="past-btn">
<div class="text-center align-middle past-text">
Past Lectures <span class="down-arrow">↓</span>
</div>
</div>
<p></a></p>
</div>
</div>
<!-- Agenda Box/Column -->
<div class="col-lg-8 col-md-12 order-sm-2 order-lg-1 itinerary-col itinerary">
<div>
<!-- Allows us to smooth scroll to This Week and Coming Up section -->
<div id="latest" class="pb-3">

</div>
<br> <!-- Current Week and Future -->
<h3 class="header">
This Week and Coming Up
</h3>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-26">
<div class="date col-md-2">
Wed, Apr 26
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL40</span><span class="title"><a href="https://docs.google.com/presentation/d/1nY1opE3rVHCimRHcgEBaBpX-7mtesEJrYOzmHLjhpMA/edit?usp=sharing">Docker 101</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-28">
<div class="date col-md-2">
Fri, Apr 28
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL41</span><span class="title"><a href="https://docs.google.com/presentation/d/1pBfs-gOgI0dRS3OMYhK9iai4E7m3cF71RkzIwCGBf-s/edit?usp=sharing">LDOC</a></span>
</div>
<div class="plan Sprint">
<span class="kind">SP03</span><span class="title"><a href="/exercises/fn00-final-project.html">Final Project - Recorded Presentation (Due Wednesday 5/3)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-05-05">
<div class="date col-md-2">
Fri, May 5
</div>
<div class="plans col-md-9">
<div class="plan Final">
<span class="kind">FN00</span><span class="title">Final @ 4:00PM</span>
</div>
</div>
</div>
<!-- The Past section -->
<div id="past" class="pb-2">

</div>
<hr>
<h3 class="header pt-3">
The Past
</h3>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-21">
<div class="date col-md-2">
Fri, Apr 21
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL38</span><span class="title"><a href="https://docs.google.com/presentation/d/1dwpVKuIyB_4i2L1GCX1hibrnw2ZAiZirflKDnt3Cor8/edit?usp=sharing">Sprint 2</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-19">
<div class="date col-md-2">
Wed, Apr 19
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL37</span><span class="title"><a href="https://docs.google.com/presentation/d/1dwpVKuIyB_4i2L1GCX1hibrnw2ZAiZirflKDnt3Cor8/edit?usp=sharing">Access Control 101</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-17">
<div class="date col-md-2">
Mon, Apr 17
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL36</span><span class="title"><a href="https://docs.google.com/presentation/d/1Ddn_npEgRnf3zXV5QrDuHcFTC9fYZGMXVinCHZj07UQ/edit?usp=sharing">Sprint 2 Planning</a></span>
</div>
<div class="plan Sprint">
<span class="kind">SP02</span><span class="title"><a href="/exercises/sp02-sprint-2.html">Final Project - Sprint 2 (Due Friday 4/28)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-14">
<div class="date col-md-2">
Fri, Apr 14
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL35</span><span class="title"><a href="https://docs.google.com/presentation/d/1gxE2oiVvlwLcmvi4pXxZH0Se4jQ_x0gLMKCAHHb2sGQ/edit?usp=sharing">Sprint 1 Final Working Session</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-12">
<div class="date col-md-2">
Wed, Apr 12
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL34</span><span class="title"><a href="https://docs.google.com/presentation/d/1Ya84adM3COlvpvEsRlMJKP6pkROKF4G3OIhvcMUujxc/edit?usp=sharing">Sprint 1 Working Session</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-10">
<div class="date col-md-2">
Mon, Apr 10
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL33</span><span class="title"><a href="https://docs.google.com/presentation/d/1Fc7SHME9V8Dfl20G-WMBpQSTzGvbC-8EbibFJPuMJkM/edit?usp=sharing">Resolving Model Circularity and Sprint 1</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-05">
<div class="date col-md-2">
Wed, Apr 5
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL32</span><span class="title"><a href="https://docs.google.com/presentation/d/19VaPCeKvN3SXIg6xyf1uiB2yr3TEEHJ3aDg5LwyKoy0/edit?usp=sharing">Debugging Strategies</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-04-03">
<div class="date col-md-2">
Mon, Apr 3
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL31</span><span class="title"><a href="https://docs.google.com/presentation/d/1PYLvX48_RnX_j1ykgEC56XmVhtlBxpZ3ffJELgMiAaQ/edit?usp=sharing">Sprint 0 Retrospective / Sprint 1 Planning</a></span>
</div>
<div class="plan Sprint">
<span class="kind">SP01</span><span class="title"><a href="/exercises/sp01-sprint-1.html">Final Project - Sprint 1 (Due Sunday 4/16)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-29">
<div class="date col-md-2">
Wed, Mar 29
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL29</span><span class="title"><a href="https://docs.google.com/presentation/d/1j97V7ltruGnbsTFvhBmH3PirRNzZ6X-zd4kuJsMnMNU/edit?usp=sharing">Branch Management</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-27">
<div class="date col-md-2">
Mon, Mar 27
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL28</span><span class="title"><a href="https://docs.google.com/presentation/d/12pymGC__0Xhi-1wThw8SynSkmsipmEDmW8cOSFb1SAE/edit?usp=sharing">Project Management, PRs, and CRs, oh my</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-24">
<div class="date col-md-2">
Fri, Mar 24
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL27</span><span class="title"><a href="https://docs.google.com/presentation/d/12f1ZRuBELj1zKl6XahI2FOlhNfAGVeG5R4AXzLHH4QI/edit?usp=sharing">Stand-up and Sprint 0</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-22">
<div class="date col-md-2">
Wed, Mar 22
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL26</span><span class="title"><a href="https://docs.google.com/presentation/d/1nqgqoO8CvQL7VxNuWMmf-NzXkLuaQCIQHCIHOGOSNvE/edit?usp=sharing">Data Modeling and Getting Started</a></span>
</div>
<div class="plan Reading">
<span class="kind">RD06</span><span class="title"><a href="https://www.gradescope.com">Engineering Practices - Code Review(Due Friday 3/24)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-20">
<div class="date col-md-2">
Mon, Mar 20
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL25</span><span class="title"><a href="https://docs.google.com/presentation/d/1wqr9eh3hWNsLwb7wkE4nRPnNLFdJYcUE5IMwK9MdtAM/edit?usp=sharing">Sprint Planning</a></span>
</div>
<div class="plan Sprint">
<span class="kind">SP00</span><span class="title"><a href="/exercises/final-project-setup.html">Final Project - Sprint 0 (Due Monday 4/3)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-10">
<div class="date col-md-2">
Fri, Mar 10
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL24</span><span class="title"><a href="https://www.gradescope.com">Writing Proper git Commit Messages</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-08">
<div class="date col-md-2">
Wed, Mar 8
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL23</span><span class="title">Writing Stories</span>
<ul class="links">
<li class="link">
<a href="https://youtube.com/live/3iOEKRTbvJI">Recording</a>
</li>
<li class="link">
<a href="https://docs.google.com/presentation/d/1hb3Xgopya3BO6sGQl45L2sDgk60CdPPpxa64hKhZXcA/edit?usp=sharing">Slides</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-05">
<div class="date col-md-2">
Sun, Mar 5
</div>
<div class="plans col-md-9">
<div class="plan Exercise">
<span class="kind">EX04</span><span class="title"><a href="/exercises/ex04-data-layer.html">Backend Layers (Due Friday 3/10)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-03">
<div class="date col-md-2">
Fri, Mar 3
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL21</span><span class="title"><a href="https://youtube.com/live/8JXxhilkJW8">Backend Layers &amp; Team Forming</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-03-01">
<div class="date col-md-2">
Wed, Mar 1
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL20</span><span class="title"><a href="https://www.gradescope.com">Async Day for RD05 SQLAlchemy Unified Tutorial</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-27">
<div class="date col-md-2">
Mon, Feb 27
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL19</span><span class="title"><a href="https://youtube.com/live/Z1bCGAx3YBI?feature=share">Data Persistence 101</a></span>
</div>
<div class="plan Reading">
<span class="kind">RD05</span><span class="title"><a href="https://www.gradescope.com">SQLAlchemy Unified Tutorial (Due Thursday 3/2)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-24">
<div class="date col-md-2">
Fri, Feb 24
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL18</span><span class="title"><a href="https://youtube.com/live/TVrSZItH7Vs">REST and Cloud Shift/Kubernetes 101</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-22">
<div class="date col-md-2">
Wed, Feb 22
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL17</span><span class="title"><a href="https://youtube.com/live/jhvmEJ4uc18">Reactive Operators and Applications of Higher-order Function</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-20">
<div class="date col-md-2">
Mon, Feb 20
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL16</span><span class="title"><a href="https://youtube.com/live/uM-Bcbl8Jjw">Reactive Observables (Simple Implemenation)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-17">
<div class="date col-md-2">
Fri, Feb 17
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL15</span><span class="title"><a href="https://youtube.com/live/6CnGgGWGd1Q?feature=share">Reactive Observables</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-15">
<div class="date col-md-2">
Wed, Feb 15
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL14</span><span class="title"><a href="/">Getting Started with EX03</a></span>
</div>
<div class="plan Reading">
<span class="kind">RD04</span><span class="title">EX03 Code Read Through (Due Thursday 2/16)</span>
</div>
<div class="plan Exercise">
<span class="kind">EX03</span><span class="title"><a href="/exercises/ex03-backend.html">Check-in Backend (Due Tuesday 2/28)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-10">
<div class="date col-md-2">
Fri, Feb 10
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL13</span><span class="title"><a href="https://youtube.com/live/LQvWRjgnKnE">Higher-order Functions pt 1</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-08">
<div class="date col-md-2">
Wed, Feb 8
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL12</span><span class="title"><a href="https://youtube.com/live/5LtTte4jVn4">Refactoring (Single-responsibility Principle)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-06">
<div class="date col-md-2">
Mon, Feb 6
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL11</span><span class="title"><a href="/">HTTP</a></span>
</div>
<div class="plan Exercise">
<span class="kind">EX02</span><span class="title"><a href="/exercises/ex02-fastapi.html">FastAPI Tutorial (Due Wednesday 2/8)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-03">
<div class="date col-md-2">
Fri, Feb 3
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL10</span><span class="title"><a href="/">Progress on Project</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-02-01">
<div class="date col-md-2">
Wed, Feb 1
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL09</span><span class="title"><a href="https://youtube.com/live/Go1G7ZUD8iw">Front-end Tooling</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-30">
<div class="date col-md-2">
Mon, Jan 30
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL08</span><span class="title"><a href="https://youtube.com/live/lg8G3a_60T8">Refactoring</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-27">
<div class="date col-md-2">
Fri, Jan 27
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL07</span><span class="title"><a href="https://youtu.be/6wNP3H6T8Rs">User Stories and Sub Tasks</a></span>
</div>
<div class="plan Exercise">
<span class="kind">EX01</span><span class="title"><a href="/exercises/ex01-check-in.html">Check-in (Due Friday 2/3)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-25">
<div class="date col-md-2">
Wed, Jan 25
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL06</span><span class="title"><a href="https://martinfowler.com/articles/on-pair-programming.html">On Pair Programming</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-23">
<div class="date col-md-2">
Mon, Jan 23
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL05</span><span class="title"><a href="https://youtu.be/HLjIemtsLJM">Git Pull and DevContainers</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-20">
<div class="date col-md-2">
Fri, Jan 20
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL04</span><span class="title"><a href="https://youtu.be/3naqFDtfA9Q">Self-exploration: TypeScript 101</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-18">
<div class="date col-md-2">
Wed, Jan 18
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL03</span><span class="title"><a href="https://youtu.be/mccEgQrW1aI">Merging and Typescript 101</a></span>
</div>
<div class="plan Professional Development">
<span class="kind">PD01</span><span class="title">Learning Community - Professional Development (Due Thursday 1/19)</span>
</div>
<div class="plan Exercise">
<span class="kind">EX00</span><span class="title"><a href="/exercises/ex00-ng-getting-started.html">Angular Getting Started (Due Monday 1/23)</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-13">
<div class="date col-md-2">
Fri, Jan 13
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL02</span><span class="title"><a href="https://youtu.be/zcUgxXS5pW8">Branches</a></span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-11">
<div class="date col-md-2">
Wed, Jan 11
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL01</span><span class="title">Teamwork Makes the Dream Work</span>
<ul class="links">
<li class="link">
<a href="https://youtu.be/Yg61u9ZuwBM">Recording</a>
</li>
<li class="link">
<a href="/static/slides/COMP423-CL01.pdf">Slides</a>
</li>
</ul>
</div>
<div class="plan Professional Development">
<span class="kind">PD00</span><span class="title">Learning Community - Professional Development (Due Thursday 1/12)</span>
</div>
</div>
</div>
<div class="row itinerary-row py-2" data-type="lecture" data-date="2023-01-09">
<div class="date col-md-2">
Mon, Jan 9
</div>
<div class="plans col-md-9">
<div class="plan Class">
<span class="kind">CL00</span><span class="title">Welcome to COMP423</span>
<ul class="links">
<li class="link">
<a href="https://youtu.be/o8akqNAZw6M">Stream / Recording of Lecture</a>
</li>
</ul>
</div>
<div class="plan Reading">
<span class="kind">RD00</span><span class="title">Syllabus and Support (Due Tuesday 1/10)</span>
<ul class="links">
<li class="link">
<a href="/syllabus/">1. Read the Syllabus</a>
</li>
<li class="link">
<a href="https://www.gradescope.com/">2. Complete RD00 Responses on Gradescope</a>
</li>
</ul>
</div>
<div class="plan Reading">
<span class="kind">RD01</span><span class="title">Personal Character - Ch 33. Code Complete (Due Tuesday 1/10)</span>
<ul class="links">
<li class="link">
Read on Canvas Reserves, Respond on Gradescope
</li>
</ul>
</div>
<div class="plan Reading">
<span class="kind">RD02</span><span class="title">The Sorcer’s Shell - Ch 1. Learn a CLI (Due Thursday 1/12)</span>
<ul class="links">
<li class="link">
Read on Canvas Reserves, Respond on Gradescope
</li>
</ul>
</div>
<div class="plan Reading">
<span class="kind">RD03</span><span class="title">Directories, Files, and Paths - Ch 2. Learn a CLI (Due Thursday 1/12)</span>
<ul class="links">
<li class="link">
Read on Canvas Reserves, Respond on Gradescope
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
  </div>


  </div>
  <div class='link-page mt-3 container'>
    <footer>
      <h6 class="text-center align-middle footer-text">&copy; 2023 <a href="https://krisjordan.com">Kris Jordan</a>
        - <a
          href="https://docs.google.com/forms/d/e/1FAIpQLScQMteEvnQpBfGsAYP5TpuqokQenhZUIf8CNvfAUUZEjMCWZQ/viewform?usp=sf_link">Feedback
          Form</a>
        - Made with 💛 in <a href="https://cs.unc.edu/">Chapel Hill</a></h6>
    </footer>
  </div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
    crossorigin="anonymous"></script>

  <!-- Load React. -->
  <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
  <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
  <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

</body>

</html>