diff --git a/8-code-editor/1-using-a-code-editor/assignment.md b/8-code-editor/1-using-a-code-editor/assignment.md
index e69de29b..a4350f2c 100644
--- a/8-code-editor/1-using-a-code-editor/assignment.md
+++ b/8-code-editor/1-using-a-code-editor/assignment.md
@@ -0,0 +1,57 @@
+# VSCode.dev Assignment 
+## Create a resume-website using vscode.dev
+
+_How cool would it be to have a recruiter ask for your resume and you send them a url?_ 😎
+
+<!----
+TODO: add an optional image
+![Using a code editor](../../sketchnotes/webdev101-vscode-dev.png)
+> Sketchnote by [Author name](https://example.com)
+---->
+
+<!---
+## Pre-Lecture Quiz
+[Pre-lecture quiz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/3)
+---->
+
+## Objectives
+
+After this assignment, you'll learn how to:
+
+- Create a website to showcase your resume
+- _Optional_ - Launch your resume website to the Cloud for free
+
+### Prerequisites
+
+1. A GitHub account. Navigate to [GtiHub](https://github.com/) and create an account if you haven't already.
+
+## Steps
+
+**Step 1:** Create a new GitHub Repository and give it a name `my-resume`
+
+**Step 2:** Open [VSCode.dev](https://vscode.dev) and select the `Open Remote Repository` button
+
+Copy the url to the repository you just created for your resume site and paste it in the input box:
+
+_Replace `your-username` with your github username_
+
+```
+https://github.com/your-username/my-resume
+```
+
+✅ If succesful, you'll see all files for this repository loaded in the text editor.
+
+![Create resume project outline](../images/resume-website-project.png)
+
+## 🚀 Challenge
+
+Open a remote repository you have permissions to make changes and update some files. Next, try creating a new branch with your changes and make a Pull Request.
+
+<!----
+## Post-Lecture Quiz
+[Post-lecture quiz](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/4)
+---->
+
+## Review & Self Study
+
+Read more about [VSCode.dev](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza) and some of its other features.
diff --git a/8-code-editor/images/after-codeswing-extension-pb.png b/8-code-editor/images/after-codeswing-extension-pb.png
new file mode 100644
index 00000000..563a9ca7
Binary files /dev/null and b/8-code-editor/images/after-codeswing-extension-pb.png differ
diff --git a/8-code-editor/images/create-new-file-pb.png b/8-code-editor/images/create-new-file-pb.png
new file mode 100644
index 00000000..06842e31
Binary files /dev/null and b/8-code-editor/images/create-new-file-pb.png differ
diff --git a/8-code-editor/images/edit-a-file-pb.png b/8-code-editor/images/edit-a-file-pb.png
new file mode 100644
index 00000000..014b9975
Binary files /dev/null and b/8-code-editor/images/edit-a-file-pb.png differ
diff --git a/8-code-editor/images/working-tree-pb.png b/8-code-editor/images/working-tree-pb.png
new file mode 100644
index 00000000..bbc2618d
Binary files /dev/null and b/8-code-editor/images/working-tree-pb.png differ