densho-sites-of-shame

A storytelling map for Densho. Data for this app resides in https://github.com/denshoproject/sites-of-shame-data.

What's included

This project was bootstrapped with Create React App. In addition, we've added:

• Linting with prettier
• react-router
• yarn for package management

Developing

Install:

yarn install

Development server:

yarn start

Staging build:

yarn staging

Production build:

yarn build:production

Deployment

Run the steps above to install and build:

yarn install
yarn build:production

There are some environment variables that will have to be set in order for the production build to work. cp .env.production.example .env.production and edit the variables in .env.production:

• REACT_APP_DATA_PATH: The production data path
• REACT_APP_GOOGLE_ANALYTICS_ID: The Google Analytics ID, should be of the format G-XXXXXXXXXX
• REACT_APP_MAPBOX_ACCESS_TOKEN: The Mapbox access token
• REACT_APP_MAPBOX_BASE_LAYER: The Mapbox style URL

Next Steps

One potential next step for this project would be an interactive timeline that allows the user to filter data based on the times that features are active and could also visualize the density of data at each point in time. We documented this more in this Google Doc.