diff --git a/docs/2021-2022-summer/introduction-to-vue.md b/docs/2021-2022-summer/introduction-to-vue.md
new file mode 100644
index 0000000..f5b647b
--- /dev/null
+++ b/docs/2021-2022-summer/introduction-to-vue.md
@@ -0,0 +1,6 @@
+#  Introduction to Vue
+*A Vuetiful Introduction to VueJS*
+
+Due to time constraints, we had to reuse the previous [Winter Materials](https://docs.google.com/presentation/d/1jAmJMaR_uw7jOqP5TlsI_8xiX54lox7X/edit?usp=sharing&ouid=108569944800690010622&rtpof=true&sd=true).
+
+As always, see the [youtube video playlist](https://www.youtube.com/watch?v=SUs0_mP2RaU)
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 9bac8ba..c3144ab 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -140,8 +140,10 @@ nav:
   - Introduction to Web Development: 2021-2022-summer/introduction-to-web-development.md
   - Introduction to Web Basics: 2021-2022-summer/introduction-web-basics.md
   - Practical Software Engineering Practices: 2021-2022-summer/practical-software-engineering-practices.md
-  - Introduction to Frontend Frameworks: 2021-2022-summer/introduction-to-frontend-frameworks.md
-  - Introduction to React: 2021-2022-summer/introduction-to-react.md
+  - Introduction to Frontend Frameworks: 
+    - Overview: 2021-2022-summer/introduction-to-frontend-frameworks.md
+    - Introduction to React: 2021-2022-summer/introduction-to-react.md
+    - Introduction to Vue: 2021-2022-summer/introduction-to-vue.md
   - Introduction to Backend Development with Django: 2021-2022-summer/introduction-to-backend-development-with-django.md
 - 2021 Winter:
   - Overview: 2021-winter/index.md
\ No newline at end of file