jinwook-k

@import "Header";
@import "WeatherForm";
@import "Container";
@import "WeatherPanels";

@font-face {
  font-family: MajorMonoDisplay;
  src: url("../assets/Fonts/MajorMonoDisplay-Regular.ttf");
}

jinwook-k

import React, {Component} from 'react';
import './Stylesheets/App.scss';
import Container from "./Components/Container";


class App extends Component {
  render() {
    return (
        <div className="App">
          <Container/>

jinwook-k

import React, {Component} from "react";
import WeatherForm from "./WeatherForm";
import WeatherPanels from "./WeatherPanels";

class Container extends Component {
    state = {
        weatherData: ''
    };

    render() {

jinwook-k

{
  "name": "mern-weather-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "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\""

jinwook-k

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "axios": "^0.19.2",
    "bootstrap": "^4.5.0",

jinwook-k

// other imports

import axios from 'axios';

class WeatherForm extends Component {
    // default state values

    componentDidMount() {
        this.refreshSavedWeather();
    }

jinwook-k

export const saveZipCode = (zipCode) => {
    return {
        type: "SAVE_ZIP",
        payload: zipCode
    }
}

export const saveWeatherData = (data) => {
    return {
        type: "SAVE_WEATHER_DATA",

jinwook-k

// Get initial state from the previously saved data in local storage
let getHistoryFromLocal = () => {
    let value = localStorage.getItem('WeatherHistory')
    return JSON.parse(value) || [];
}

// Maintain a history list of queried weather data of 10
let getUpdatedHistory = (history, value) => {
    let updateList = [...history];
    if (updateList.length >= 10) {

jinwook-k

// other imports
...

// Adding redux and reducers 
import { createStore } from 'redux'
import { Provider } from 'react-redux'
import rootReducer from './reducers'

// Creates our store to use our reducers and the chrome extension to debug the redux store
const store = createStore(

jinwook-k

// imports
import {connect} from "react-redux";
import {saveZipCode, saveWeatherData, saveTemperature, updateHistory} from "../actions";

class WeatherForm extends Component {
    // default state values
    // componentDidMount()

    refreshSavedWeather = () => {
        if (localStorage.getItem("zipCode")) {