diff --git a/javascript/homeworkPage.js b/javascript/homeworkPage.js
index 393d23b..8c8bfc5 100644
--- a/javascript/homeworkPage.js
+++ b/javascript/homeworkPage.js
@@ -76,6 +76,18 @@ class HomeworkPage extends HomeworkElement {
         const row = new HomeworkVocabularyTask(crypto.randomUUID())
         this.content.append(row)
       }
+      this.loadAndPopulateData()
+    }
+
+    async loadAndPopulateData() {
+      const dataFile = "/resources/homework.json"
+      const response = await fetch(dataFile)
+      const data = await response.json()
+      data.items.forEach((item) => {
+        const row = new HomeworkVocabularyTask(crypto.randomUUID())
+        this.content.append(row)
+      })
+      console.log(data.items)
     }
 
     newVocabulary() {