8.save to localstorage

client/package.json

@@ -37,5 +37,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "proxy": "http://localhost:5000/"
 }

client/src/Components/WeatherForm.jsx

@@ -1,20 +1,59 @@
 import React, {Component} from "react";
 import {Form, Button, Row, Col, ButtonGroup, ToggleButton} from "react-bootstrap";
 
+import axios from 'axios';
+
 class WeatherForm extends Component {
     // default state values
     state = {
         tempMetric: "imperial",
         zipCodeInput: "98052"
     }
 
+    componentDidMount() {
+        this.refreshSavedWeather();
+    }
+
+    // Refreshes the current weather data for the most recent zip code, if it exists
+    refreshSavedWeather = () => {
+        if (localStorage.getItem("zipCode")) {
+            axios.post("/api/weather", {
+                zipCode: localStorage.getItem("zipCode"),
+                tempMetric: localStorage.getItem("tempMetric")
+            }).then(d => {
+                localStorage.setItem("CurrentWeatherData", JSON.stringify(d.data));
+            });
+        }
+    }
+
     onChange = (e) => {
         this.setState({[e.target.name]: e.target.value});
     }
 
+    saveFormData = (event) => {
+        event.preventDefault();
+
+        // Gets the weather data from the weather api and returns it to save into local storage and redux store.
+        axios.post("/api/weather", {
+            zipCode: this.state.zipCodeInput,
+            tempMetric: this.state.tempMetric
+        }).then(response => {
+            let weatherData = response.data;
+
+            this.saveToLocalStorage(weatherData);
+        });
+    }
+
+    // Save data from form to local storage
+    saveToLocalStorage = (weatherData) => {
+        localStorage.setItem("zipCode", this.state.zipCodeInput);
+        localStorage.setItem("tempMetric", this.state.tempMetric);
+        localStorage.setItem("CurrentWeatherData", JSON.stringify(weatherData));
+    }
+
     render() {
         return (
-            <Form className="weather-form" >
+            <Form className="weather-form" onSubmit={this.saveFormData}>
 
                 <Row type="flex" justify="center" align="center" className="zipCode">
                     <Col>

package.json

@@ -5,7 +5,10 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "node server/server.js"
+    "start": "node server/server.js",
+    "server": "nodemon server/server.js",
+    "client": "cd client && npm run start",
+    "dev": "concurrently --kill-others-on-fail \"npm run server\" \"npm run client\""
   },
   "repository": {
     "type": "git",