Full stack serverless template

site/src/pages/Dashboard/Dashboard.js

@@ -0,0 +1,82 @@
+import React, { Component } from 'react'
+import { 
+  withRouter 
+} from 'react-router-dom'
+import styles from './Dashboard.module.css'
+import {
+  getSession,
+  deleteSession 
+} from '../../utils'
+
+class Dashboard extends Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {}
+
+    // Bindings
+    this.logout = this.logout.bind(this)
+  }
+
+  async componentDidMount() {
+
+    const userSession = getSession()
+
+    this.setState({
+      session: userSession,
+    })
+  }
+
+  /**
+   * Log user out by clearing cookie and redirecting
+   */
+  logout() {
+    deleteSession()
+    this.props.history.push(`/`)
+  }
+
+  render() {
+
+    return (
+      <div className={`${styles.container} animateFadeIn`}>
+        <div className={styles.containerInner}>
+
+          { /* Navigation */ }
+
+          <div className={styles.navigationContainer}>
+            <div 
+              className={`link`}>
+                { this.state.session ? this.state.session.userEmail : '' }
+              </div>
+            <div 
+              className={`link`}
+              onClick={this.logout}>
+                logout
+              </div>
+          </div>
+
+          { /* Content */ }
+
+          <div className={`${styles.contentContainer}`}>
+
+            <div className={`${styles.artwork} animateFlicker`}>
+              <img 
+                draggable='false'
+                src={'./fullstack-app-artwork.png'} 
+                alt='serverless-fullstack-application' 
+              />
+            </div>
+
+            <div className={`${styles.welcomeMessage}`}>
+              Welcome to your serverless fullstack dashboard...
+            </div>
+
+          </div>
+          
+        </div>
+      </div>
+    )
+  }
+}
+
+export default withRouter(Dashboard)