timcowlishaw / groups-map

Web app for viewing Covid19 Mutual Aid groups sorted by location

Home Page:https://covidmutualaid.cc/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Filter Covid19 Mutual Aid groups by location

Image of browser screen with a map full of red markers. There is a table underneath that lists volunteer groups

This app deploys on AWS and does several things:

Backend

A Lambda function scrapes the existing google docs spreadsheet for all the groups, geocodes these groups from the provided location string and populates a serverless instance of DynoDB with the entries (removing duplicates). Several more Lambda functions sit in front of this to provide a minimal REST API for the client

Frontend

The client pulls the (large) array of all the geocoded groups and renders it into an interactive map, enabling users to sort by distance against a provided address. A separate UI is also provided that enables users to add groups.

Built with

  • Serverless
  • Typescript
  • React
  • Google Maps API

Developing

  • Clone the repository
  • Run yarn install
  • Run yarn start

Check the package.json file for commands to run the client and server separately

Deploying

  • Set up your AWS keys in a serverless profile with these instructions
  • Get a google API key
  • Create a file called .env in /lambdas and add this line GOOGLE_API_KEY=YOURAPIKEYHERE replacing YOURAPIKEYHERE with your API key
  • Run serverless deploy

About

Web app for viewing Covid19 Mutual Aid groups sorted by location

https://covidmutualaid.cc/

License:Other


Languages

Language:TypeScript 91.6%Language:CSS 3.7%Language:HTML 2.9%Language:JavaScript 1.8%