Technigo · Vera-Sjunnesson · Mar 22, 2023 · Mar 26, 2023 · Mar 28, 2023 · Mar 28, 2023
diff --git a/code/package-lock.json b/code/package-lock.json
diff --git a/code/package.json b/code/package.json
@@ -3,13 +3,17 @@
   "version": "1.0.0",
   "private": true,
   "dependencies": {
+    "@lottiefiles/react-lottie-player": "^3.5.3",
     "babel-eslint": "^10.1.0",
+    "cors": "^2.8.5",
+    "date-fns": "^2.30.0",
     "eslint": "^8.21.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "lottie-react": "^2.4.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/code/public/images/michael-dziedzic-0W4XLGITrHg-unsplash.jpeg b/code/public/images/michael-dziedzic-0W4XLGITrHg-unsplash.jpeg
diff --git a/code/public/index.html b/code/public/index.html
@@ -13,7 +13,8 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Technigo React App</title>
+    <link rel="icon" href="https://cdn.shopify.com/s/files/1/1061/1924/products/Growing_Pink_Heart_Emoji_large.png?v=1571606066" type="image/icon type">
+    <title>Happy Thoughts Feed</title>
   </head>
 
   <body>

diff --git a/code/src/App.js b/code/src/App.js
@@ -1,9 +1,8 @@
 import React from 'react';
+import { ThoughtFeed } from './components/ThoughtFeed';
 
 export const App = () => {
   return (
-    <div>
-      Find me in src/app.js!
-    </div>
+    <ThoughtFeed />
   );
 }
diff --git a/code/src/SingleThought.js b/code/src/SingleThought.js
diff --git a/code/src/components/Background.js b/code/src/components/Background.js
diff --git a/code/src/components/Loader.js b/code/src/components/Loader.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import { Player } from '@lottiefiles/react-lottie-player';
+
+export const Loader = () => {
+  return (
+    <Player
+      src="https://assets6.lottiefiles.com/packages/lf20_fL8JRzh50a.json"
+      className="player"
+      loop
+      autoplay
+      style={{ width: '100vh', position: 'absolute', top: '50%', left: '50%', transform: 'translate(-50%, -50%)' }} />
+  )
+}