Technigo · Anna2024WebDev · Sep 11, 2024 · Sep 13, 2024 · Sep 14, 2024 · Sep 15, 2024
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
diff --git a/README.md b/README.md
@@ -1,13 +1,14 @@
 # Project Name
 
-Replace this readme with your own information about your project.
-
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+The second project of the Javascript sprint was to create a chat bot using functions, DOM selectors and conditionals. 
 
 ## The problem
 
-Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next?
+I had a hard time getting started with this. I understand the overall logic but found it difficult to put everything in place. The most difficult part was to put together the ask question function and getting it to check correct answer. I needed a lot of help from chat gpt for that, also with the final score function. I also found it hard with the order of things and getting each step to work. 
 
-## View it live
+I also watched the videos about DOMs and functions again to try to understand the whole concept and putting it together but I must say that I still am somewhat confused and need to read more about this. 
 
-Have you deployed your project somewhere? Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about.
+If I had more time I would add a function to restart the quiz. I would also add some sounds since it is a music quiz, that could be fun. 
+
+## View it live
+https://musicmaven.netlify.app/
diff --git a/code/assets/bot.png b/code/assets/bot.png
diff --git a/code/assets/note.png b/code/assets/note.png
diff --git a/code/assets/user.png b/code/assets/user.png
diff --git a/code/index.html b/code/index.html
@@ -8,22 +8,27 @@
     <link
       href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
       rel="stylesheet" />
-    <title>Chatbot</title>
+      <link rel="preconnect" href="https://fonts.googleapis.com">
+      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+      <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <title>Music Maven</title>
   </head>
 
   <body>
-    <h1>Welcome to my chatbot!</h1>
+    <header>
+    <h1><img src="assets/note.png">Music Maven</h1>
+    <h2>Test your knowledge about music</h2>
+   </header>
     <main>
       <section class="chat" id="chat"></section>
       <div class="input-wrapper" id="input-wrapper">
         <form id="name-form">
-          <label for="name-input">Name</label>
-          <input id="name-input" type="text" />
+          <input id="name-input" type="text"/>
           <button class="send-btn" type="submit">
-            Send
           </button>
         </form>
       </div>
+      </div>
     </main>
 
     <script src="./script.js"></script>