diff --git a/.gitignore b/.gitignore
index cf70988..617b07a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 **/node_modules
+public/bundle.js
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index cbd19e9..61405bd 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,10 @@
     <link rel="stylesheet" href="css/styles.css?v=1.0">
 
     <style type="text/css">
+      body {
+        background-color: #222;
+        color: white;
+      }
       .choice-btn {
         padding: 5px 10px;
         border-radius: 3px;
@@ -20,11 +24,25 @@
       .choice-btn:hover {
         background-color: #ccc;
       }
+
+      .choice-div {
+        border: 1px green solid;
+      }
+      .node-div {
+        border: 1px red solid;
+      }
+      #content {
+        width: 500px;
+        margin: auto;
+      }
     </style>
   </head>
   <body>
-    <h1 id="active-node"></h1>
-    <div id="choices"></div>
+    <div id="content">
+      <h1>Textual Game</h1>
+      <div id="history"></div>
+      <div id="choices"></div>
+    </div>
     <script src="./bundle.js"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index a3a5e7a..323c3c4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -9,6 +9,10 @@ const jsonContent = [{
         id: 'choice-2',
         text: 'Choice 2',
         nextNode: 'node-exit'
+    }, {
+        id: 'choice-3',
+        text: 'Choice 3',
+        nextNode: 'node-exit'
     }]
 }, {
     id: 'node-2',
@@ -44,11 +48,24 @@ function selectChoice(choiceId) {
     );
     const selectedChoice = allChoices.find(choice => choice.id === choiceId);
     const nextNode = jsonContent.find(node => node.id === selectedChoice.nextNode);
+
+    addChoiceToHistory(selectedChoice);
     updateActiveNode(nextNode);
 }
 
+function addChoiceToHistory(selectedChoice) {
+    const choiceDiv = document.createElement('div');
+    choiceDiv.innerHTML = selectedChoice.text;
+    choiceDiv.classList.add('choice-div');
+    document.getElementById('history').appendChild(choiceDiv);
+}
+
 function updateActiveNode(node) {
-    document.getElementById('active-node').innerHTML = node.text;
+    const nodeDiv = document.createElement('div');
+    nodeDiv.innerHTML = node.text;
+    nodeDiv.classList.add('node-div');
+    document.getElementById('history').appendChild(nodeDiv);
+
     document.getElementById('choices').innerHTML = '';
     printChoices(node);
 }
