Happy Thoughts!

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint",
+    "editor.formatOnPaste": false, // required
+    "editor.formatOnType": false, // required
+    "editor.formatOnSave": true, // optional
+    "editor.formatOnSaveMode": "file", // required to format on save
+    "files.autoSave": "onFocusChange", // optional but recommended
+    "vs-code-prettier-eslint.prettierLast": false, // set as "true" to run 'prettier' last not first
+  }

README.md

@@ -1,13 +1,15 @@
 # Happy Thoughts
+During this week we're looking at how to react to changes in state or a component mounting using useEffect.
+What you will learn
 
-Replace this readme with your own information about your project.
+✓ What component lifecycle means.
 
-Start by briefly describing the assignment in a sentence or two. Keep it short and to the point.
+✓ How to use the `useEffect` hook in React to perform actions when components mount, unmount, or when state changes.
 
-## The problem
+✓ How to call APIs from React and put the data into state.
 
-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?
+✓ What it's like to work with an API which you both send and receive data from.
 
 ## View it live
 
-Every project should be deployed 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://amandas-happy-thoughts.netlify.app/

code/.eslintrc.json

@@ -1,7 +1,5 @@
 {
-  "extends": [
-    "airbnb"
-  ],
+  "extends": ["airbnb"],
   "globals": {
     "document": true,
     "window": true,
@@ -22,9 +20,7 @@
       "modules": true
     }
   },
-  "plugins": [
-    "react-hooks"
-  ],
+  "plugins": ["react-hooks"],
   "rules": {
     "react/function-component-definition": [
       2,
@@ -42,10 +38,7 @@
         "allowSingleLine": true
       }
     ],
-    "comma-dangle": [
-      "error",
-      "never"
-    ],
+    "comma-dangle": ["error", "never"],
     "consistent-return": "off",
     "curly": "error",
     "eol-last": "off",