tps-calls icon indicating copy to clipboard operation
tps-calls copied to clipboard

Track the latest TPS service calls in the GTA. Built with React, Redux, styled-components & react-map-gl.

tps-calls

Real-time mapping of locations where the Toronto Police have responded to a call for service. These calls include incidents such as arrests, gun calls, collisions involving people or property, assaults, industrial accidents or disputes. Some calls for service will be, or are being, excluded for privacy reasons, including calls respecting domestic violence, sexual assault, or medical distress. Others calls may be excluded because they are part of an ongoing police operation.

Built with TypeScript, React, Redux, react-mapbox-gl & styled-components.

Contributions

I would love contributions! The TODO list below has more information on what I need help with.

When commiting, please try your best to use this format for your commit messages.

TODO

UI

  • Color code incidents
  • Geofencing (if an incident happens within x km the user will receive a push notifcation)
  • Add @TPSOperations related tweet to the selected incident. (Hint, there's an associated ID)

Building

  1. Create a .sentryclirc, .env, .npmrc at the root of the project

  2. (Building for production) In the `.sentryclirc, put:

[defaults]
project=getprojectnamefromowner
org=getorgfromowner
  1. In the .env, make sure you have the following keys:
REACT_APP_MAPBOX_API_KEY

REACT_APP_GANALYTICS_KEY

REACT_APP_SENTRY_DSN

PORT=8080
  1. In the .npmrc (required for types), put the following:
//npm.pkg.github.com/:_authToken=YOUR_GIVEN_TOKEN
@rdrnt:registry=https://npm.pkg.github.com

License

GPL-3.0 License.