diff --git a/index.html b/index.html
index 8046f00..10cc434 100644
--- a/index.html
+++ b/index.html
@@ -5,22 +5,32 @@
     <script src="index.js"></script>
     <title>Note Taker App</title>
 </head>
+
 <body>
     <div class="front-page">
         <h2 class="header">Note Taker App</h2>
-            <textarea id="note" name="note-text" class="note-area"></textarea>
-            <br>
-            <button id="submit" onclick="saveNote()" class="submit">Save Note</button>
+        <textarea id="note" name="note-text" class="note-area"></textarea>
+        <br>
+        <button id="submit" onclick="saveNote()" class="submit">Save Note</button>
         <div class="notes-link">
-            <a href="index2.html" >View Notes</a>
-        </div> 
+            <a href="index2.html">View Notes</a>
+        </div>
     </div>
-</body>
-
-<script>
-var textElement = document.getElementById("note")
+    <script>
+        var textElement = document.getElementById("note")
 
-function saveNote() {
-    
-}
-</script>
+        function saveNote() {
+            if (textElement.value === "") {
+                return alert('text is empty!')
+            }
+            const id = getNoteId()
+            let noteObject = getExistingNotes()
+            if (!noteObject) {
+                noteObject = {}
+            }
+            noteObject[id] = textElement.value
+            localStorage.setItem('notes', JSON.stringify(noteObject))
+            alert('Note Saved!')
+        }
+    </script>
+</body>
\ No newline at end of file
diff --git a/index.js b/index.js
index e69de29..080e63d 100644
--- a/index.js
+++ b/index.js
@@ -0,0 +1,18 @@
+function getNoteId() {
+    let noteObject = getExistingNotes()
+    if (!noteObject) {
+        return 1
+    }
+    const keysArray = Object.keys(noteObject)
+    const numberKeys = keysArray.map((key) => Number(key))
+    console.log(numberKeys)
+    return Math.max(...numberKeys) + 1
+}
+
+function getExistingNotes() {
+    let notes = localStorage.getItem('notes')
+    if (!notes) {
+        return null
+    }
+    return JSON.parse(notes)
+}
\ No newline at end of file
diff --git a/index2.html b/index2.html
index b4394a5..a5b2215 100644
--- a/index2.html
+++ b/index2.html
@@ -11,10 +11,21 @@
     </ol>
 </div>
 
-<a href="index.html"><h3>Back</h3></a>
+<a href="index.html">
+    <h3>Back</h3>
+</a>
 
 
 <script>
-
-
+    (
+        function getNotes() {
+            let notes = getExistingNotes()
+            let notesArray = Object.values(notes)
+            let orderedList = document.getElementById('notes-list')
+            notesArray.forEach(note => {
+                let listItem = document.createElement('li')
+                listItem.innerHTML = note
+                orderedList.appendChild(listItem)
+            })
+        })()
 </script>
\ No newline at end of file
