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
-
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
-
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
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
![](https://github.com/PEBbles-GroupProject/Global-Warming-Map/raw/master/public/readmeImages/slack_for_ios_upload_720.jpg)
ERD's
![](public/readmeImages/Screen Shot 2016-03-16 at 11.22.43 AM.png)
Wire Frames
Homepage View
![](public/readmeImages/Screen Shot 2016-03-16 at 11.21.51 AM.png)
Signed In View
![](publicreadmeImages/Screen Shot 2016-03-16 at 11.22.14 AM.png)
Events View
![](public/readmeImages/Screen Shot 2016-03-16 at 11.22.29 AM.png)