Technigo · Heleneabrahamsson · Sep 14, 2024 · Sep 14, 2024 · Sep 14, 2024 · Sep 14, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -1,13 +1,15 @@
 # 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 project was to create a chatbot that interacts with the user using DOM, functions and event listeners
 
 ## 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 tackled the project by creating a scenario for how the conversation would flow and then tried to set up functions for each step of the conversation.
+
+If there had been more time I would have tried to get the chatbot to fetch real weather data. The chatbot does not show a message for invalid input when typing in something else than the suggested occasions, which I would add if I had more time for the project, alternatively using buttons for the options as well.
+
+
 
 ## View it live
 
-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.
+https://rococo-stroopwafel-4da0eb.netlify.app/
diff --git a/code/assets/bot.png → bot.png b/code/assets/bot.png → bot.png
diff --git a/code/.DS_Store b/code/.DS_Store
diff --git a/code/assets/.DS_Store b/code/assets/.DS_Store
diff --git a/code/index.html b/code/index.html
diff --git a/code/script.js b/code/script.js
diff --git a/code/style.css b/code/style.css
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="stylesheet" href="./style.css" />
+  <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>Weather Wardrobe</title>
+</head>
+
+<body>
+  <h1>Welcome to Weather Wardrobe!🌤️</h1>
+  <main>
+    <section class="chat" id="chat"></section>
+    <div class="input-wrapper" id="input-wrapper">
+      <form id="location-form">
+        <label for="location-input"></label>
+        <input id="location-input" type="text" placeholder="type here" />
+        <button class="send-btn" type="submit">
+          Send
+        </button>
+      </form>
+    </div>
+  </main>
+
+  <script src="./script.js"></script>
+</body>
+
+</html>