blayzestone / Labs27-D-HRF-FE

Human Rights Considered

Description 👇

Disclaimer: This application is currently in Alpha (as of Sep 20, 2020) and is not ready for production. Please use at your own risk as things will change almost daily.

• An application that takes information from data provided by the data science team collecting relevant incidents and data from Twitter, Reddit, and police agencies to display it on the map.
• Human Rights First is a nonprofit on a mission — an independent advocacy and action organization that challenges America to live up to its ideals.
• This app will display various incidents of police use of force on a map that can be filtered by type of force and location with zipcodes and states or cities.
• Check the document here: Human Rights Considered Doc

Requirements

• Labs Engineering Standard requirements found here

Environment variable

• REACT_APP_MAPBOX_TOKEN Mapbox access tokens (check https://docs.mapbox.com/help/how-mapbox-works/access-tokens/)

Deploying Your App

• https://c.humanrightsfirst.dev/

Components

• Loading
• Map
• NavBar

Deployed App

Styling Our App

• CSS
• Matirial UI

Data Visualization

MapBox - https://docs.mapbox.com

Contributing

• Further contributions to the app could come in the form of effectively connecting the map to the data that the Data Science team creates in their API, Implementing some sort of user compenent which allows a user to login and save results, embedding the media available for the incidents, implementation of a timeline view of the data, and a way to filter the data by date.