KeepItOakland.town

Single page React app built with create-react-app. Deployed to a single minified combo JS/CSS tag for inclusion in Wordpress.

Includes the logo, the map, and a container for Shopify to fill.

Adding Photos

All image files in the src/static/photos folder are automatically imported for the carousel. They must be uploaded in wordpress under media during deployment, since we build this app to minified js/css and can't include assets that way.

Updating Shops

1. Download the shop list as CSV
2. Convert to JSON
3. Paste JSON into src/SHOPS.json, overwriting the data there
4. Update shop coordinates thru Google's geocoding API so we can place the markers properly
   • yarn start
   • in the console at localhost:3000, run updateShops(SHOPS)
   • wait for it to finish, then copy the output and paste it into src/SHOPS.json
5. Manually fix neighborhood names (Temescale -> Temescal, Jack London Square -> Jack London, etc)

API Keys

Stored in a .gitignored file in src/KEYS.js.

Deploying

yarn build, then manually replace 'static/media/' with 'wp-content/uploads/2019/11/' or whatever wordpress folder the images are uploaded in in dist/build/static/js/bundle.min.js. Make the filenames match i.e. 1.aeasfj.png -> 1.png.

Copy paste dist/build/static/js/bundle.min.js into a <script type="text/javascript"> tag in wordpress.