“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.
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.
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.
Clone project and make sure to install all dependencies.
No tests added to this project
Deployed on AWS at http://18.188.134.12/
Everything Calgary version 1.3.1
- 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
This project is licensed under the LHL License
- 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
Welcome to Everything Calgary! - A web app that brings in open city data for you
Traffic Incidents in Calgary Component
Schools in a Calgary community
Population growth chart in a Calgary community
Garbage pickup schedule in a Calgary Community
Alexa, tell me about garbage pickup schedule in a Calgary Community