Global-Warming-Map

Mission Statement

To show the effects of Climate Change and provide users with opportunities to make a difference.

Introduction

This App is a visualization of Global Warming. It shows the change in average temperature over a time period. It allows users the ability to sign up and be made aware of local volunteer events that they can attend.

Tecnologies Used

• JavaScript
• React.js
• Node.js
• Express.js
• PostgreSQL
• D3.js

  APIs Used

• Weather Underground
• Meetup

User Stories

• As a user, I should be able to sign in and sign up.
• As a user, I should be able to see a map of global warming.
• As a user, I should be able to see my local climate information.
• As a user, I should be able to search for volunteering opportunities or events.
• As a user, I should be able to add volunteering opportunities/ events to my list.
• BONUS As a user, I should be able to compare specific years' temperatures.
• BONUS As a user, I should be able to see the change in extreme weather events over time.
• BONUS As a user, I should be able to see the change in SPECIFIC TYPES of extreme weather events over time.

Technical Tasks

• Create Initial Template

  • Create a Node Server
  • Directory Layout
  • npm installs

• Routes

  • REST: users, events

• React

  • React Router
  • React Components
  • App
  • Nav Bar
  • Map View
  • User Creator
    • User sign in
    • User log out
  • Climate Info sidebar
  • Event page View
  • User event list
  • Local event list

• Styling

  • CSS

• Database

  • PGP setup
  • PSQL Queries
  • Add User
  • Log In User
  • Edit User
  • Delete User
  • Add Event to user
  • Get Temp for year in each state
  • Schema

• User Auth (client side)

  • Auth Flow
  • Sign Up
  • Sign In
  • Log out

• API

  • WeatherUnderground
  • AJAX get request
  • AJAX post request
  • 1950 data
  • 2016 data
  • Meetup
  • AJAX get request
  • AJAX post request
  • local events

• D3

  • we all do together

Style Guide

• Bowie Class Convention
• ES6
• Git - Master - Dev - Feature Branches
• Feature Branch naming - Issue Number, Name of person, Name of Branch
• Commit messages very explicit

Routes

ERD's


Wire Frames

Homepage View


Signed In View


Events View