Add final lesson (#18)

index.html

@@ -44,6 +44,7 @@
         <section data-markdown="lesson14.md" data-charset="utf-8"></section>
         <section data-markdown="lesson15.md" data-charset="utf-8"></section>
         <section data-markdown="lesson16.md" data-charset="utf-8"></section>
+        <section data-markdown="lesson17.md" data-charset="utf-8"></section>
         <!-- NEW_SECTION_HERE -->
       </div>
     </div>

lesson16.md

@@ -2,7 +2,7 @@
 
 # Basic Frontend - Spring 2024
 
-Lesson 16, Tuesday, 2024-05-21
+Lesson 16, Thursday, 2024-05-23
 
 ---
 

lesson17.md

@@ -0,0 +1,58 @@
+<!-- .slide: id="lesson17" -->
+
+# Basic Frontend - Spring 2024
+
+Lesson 17, Tuesday, 2024-06-04
+
+---
+
+# Final Project!
+
+
+---
+
+### Organizational info
+
+* Groups of 2-3 people
+* ~3 weeks to complete the project
+* Internal presentation at June 25th
+  * We vote for the best project
+  * The group will prepare slides in contact with Jenn
+* Demo day at June 27th
+
+---
+
+### Last semesters
+
+* [WhattaCook](https://github.com/katamatata/katamatata.github.io)
+* [Plantastik](https://github.com/annamariaratajczak/plantastick)
+* [Giphy CopyCat](https://github.com/ami-onodera/giphy)
+* [Memory Game](https://github.com/TainaraCris1/Project_Memory_Game)
+* [Tic-Tac-Toe](https://github.com/Amani-Maklad/Tic-Tac-Toe)
+
+---
+
+### More ideas
+
+* Data visualization of the flee markets in Berlin
+* Personal Portfolio
+* Calendar for Remote work
+* Grocery shopping list
+* Learn German with ChatGPT
+
+---
+
+### APIs
+
+* [Berlin data](https://daten.berlin.de/datensaetze/datenberlinde-metadaten)
+* [Free APIS](https://free-apis.github.io/#/browse)
+* [Public APIs](https://github.com/public-apis/public-apis)
+
+---
+
+### Strategy
+
+Define a Minimum Viable Product (MVP)
+
+Implement essential functionality, and if there's still time, implement the "nice to have" features.
+

toc.md

@@ -9,7 +9,8 @@
 1. [Arrays](#arrays)
 1. [Loops](#loops)
 1. [fetch API](#json)
+2. [Libraries](#libraries)
 
-Direct link to lessons: [1](#lesson1) [2](#lesson2) [3](#lesson3) [4](#lesson4) [5](#lesson5) [6](#lesson6) [7](#lesson7) [8](#lesson8) [9](#lesson9) [10](#lesson10) [11](#lesson11) [12](#lesson12) [13](#lesson13) [14](#lesson14) [15](#lesson15) [16](#lesson16)
+Direct link to lessons: [1](#lesson1) [2](#lesson2) [3](#lesson3) [4](#lesson4) [5](#lesson5) [6](#lesson6) [7](#lesson7) [8](#lesson8) [9](#lesson9) [10](#lesson10) [11](#lesson11) [12](#lesson12) [13](#lesson13) [14](#lesson14) [15](#lesson15) [16](#lesson16) [17](#lesson17)
 
 NOTE: when we have too many entries that don't fit on one screen we can use this <!-- .slide: style="font-size:80%" -->