Skip to content
An information app for the city of Calgary that allows users to visualize what is happening in their neighbourhood.
JavaScript CSS Other
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
calgary add alexa changes to say correct traffic time and added new uri to re… Apr 12, 2019
docs calgary now careers are no sorted closing date ascending Apr 10, 2019
helper fix map focus while switching sidenav components Apr 7, 2019
public logic for pins showing Apr 10, 2019
server docker dev test Apr 11, 2019
src Merge branch 'master' of github.com:GideonBrasil/Everything-Calgary Apr 11, 2019
starting_docs update data before merge Mar 29, 2019
styles Making graph bigger Apr 11, 2019
.babelrc add autocomplete functionality to navbar Apr 1, 2019
.env.example .env file updated with correct key Apr 3, 2019
.gitignore Set up public directory Apr 4, 2019
Dockerfile docker dev test Apr 11, 2019
LICENSE Initial commit Mar 28, 2019
PRESENTATION.md add alexa changes to say correct traffic time and added new uri to re… Apr 12, 2019
PRESENTATION.pdf add alexa changes to say correct traffic time and added new uri to re… Apr 12, 2019
README.md add alexa changes to say correct traffic time and added new uri to re… Apr 12, 2019
docker-compose.yml docker dev test Apr 11, 2019
index.html changed automplete modal to be vertically aligned with the searchbar … Apr 10, 2019
package-lock.json added crimes /1k residents Apr 10, 2019
package.json Merge branch 'feature/alexa' Apr 9, 2019
server.js fixed front-end react server and components are now properly renderin… Mar 31, 2019
webpack.config.js Set up public directory Apr 4, 2019

README.md

Everything Calgary - DGDT Final Project

“Ask not what you can do for your city, ask what my city is doing for me?”

Governments around the world are embracing open data. You have the possibility to gain deeper access to the inner workings of your City Hall. The ‘Everything City’ platform leverages standard APIs to respond to a variety of possible queries. Responses are contextualized by a neighborhood-first perspective and can range from property values, to current and proposed development, recent traffic information,crime incidents, and more. Starting in our hometown we are launching Everything Calgary: making it easy to satisfy your curiosity about what’s happening in your neighbourhood as well as the city as a whole.

Getting Started

In order to get started with this project, you will need to run two servers: one for the front-end (React) and one for the back-end (Node.js/Express). You need to run npm install to install all dependencies for both front- and back-end. Then navigate to http://localhost:8080 to view the Everything Calgary web app.

Prerequisites

What you need to install:

Front-end:

  • bootstrap,
  • chart.js,
  • cookie-parser,
  • css-loader,
  • debug,
  • dotenv-webpack,
  • ejs,
  • express",
  • google-maps-react,
  • http-errors,
  • jquery,
  • moment,
  • morgan,
  • node-sass,
  • popper.js,
  • prop-types,
  • react-axios,
  • react-bootstrap,
  • react-chartjs-3,
  • request-promise,
  • sass-loader,
  • style-loader,

Front-end development dependencies:

  • @babel/core,
  • @babel/plugin-proposal-class-properties,
  • @babel/preset-env,
  • @babel/preset-react,
  • babel-loader,
  • nodemon,
  • react,
  • react-dom,
  • webpack,
  • webpack-cli,
  • webpack-dev-server,

Back-end:

  • cookie-parser,
  • cors,
  • debug,
  • ejs,
  • express,
  • http-errors,
  • morgan

Back-end development dependencies:

  • nodemon,
  • request-promise.

Installing

Clone project and make sure to install all dependencies.

Running the tests

No tests added to this project

Deployment

Deployed on AWS at http://18.188.134.12/

Versioning

Everything Calgary version 1.3.1

Authors

  • Tim Bowes: React | Express | JavaScript | Node | Google Maps API | Socrata API | SASS/Bootstrap/CSS | AWS | Alexa | SQL
  • Darren Picard: React | Express | JavaScript | Node | Google Maps API | Socrata API | SASS/Bootstrap/CSS | AWS | Alexa | SQL
  • Gideon Brasil: React | Express | JavaScript | Node | Google Maps API | Socrata API | SASS/Bootstrap/CSS | Docker | AWS | Alexa | SQL
  • Danila Barton-Szabo: React | Express | JavaScript | Node | Google Maps API | Socrata API | SASS/Bootstrap/CSS| AWS | Alexa | SQL

License

This project is licensed under the LHL License

Acknowledgments

  • To all libraries that were used to create this project
  • Mentors, family, and friends for their support (coding and otherwise)
  • Fellow peers for offering their support and suggestions
  • Michael Tompsett for his amazing Calgary Skyline Digital piece that we used as a background image

App Flow

Welcome to Everything Calgary! - A web app that brings in open city data for you "Welcome"

Traffic Incidents in Calgary Component "Traffic Incidents in Calgary Component"

Schools in a Calgary community "Schools"

Population growth chart in a Calgary community "URLs Index Page"

Garbage pickup schedule in a Calgary Community "Edit Page"

Alexa, tell me about garbage pickup schedule in a Calgary Community "Edit Page"

You can’t perform that action at this time.