RiverLA Volunteer Match

This application automates RiverLA's Volunteer Facilitation Program.

Setting up your development environment

We highly recommend using Visual Studio Code for your development environment. It comes with a good amount of useful functionality out of the box. Additionally, the following extensions are quite useful:

• Bracket Pair Colorizer
• ESLint
• GitLens

Team Members

• Anthony Wiencko
• Daniel Koo
• Madelyn Dubuk
• Olivia Hong
• Peidi Xie
• Quinn Ngo
• Stacy Phan
• Teresa Liu
• Yash Chandak

Running the app

In order to run the app in a local environment, run npm run dev.

Deploying the app

Our webhook is deployed via Heroku in the app riverla-production, which has been integrated with this github repository. We use manual deploys to deploy the master branch of this repo. This can be done through the Heroku Dashboard (a tutorial on how to do manual deploys can be found here). Anytime a change is made to the master branch that must be pushed to production, we must manually deploy our app. The login credentials for the the Heroku account can be found in our Notion board.

All environment variables must be added to our Heroku deploy's configuration as Config Variables. This can be done onine through the Heroku Dashboard or in the command line through the Heroku CLI.

For debugging, it is useful to know how to print the logs of incoming requests made to our webhook and the status of our deploy. To do so, make sure you have the Heroku CLI set up (download instructions here). To print out logs in a realtime stream, run the command: heroku logs -a riverla-production --tail

To connect our webhook to NationBuilder, we add our app's URL to the webhook section. Our webhook is deployed at: https://riverla-production.herokuapp.com/webhooks/nationbuilder/personCreated

Useful Links

• AirTable API Documentation
• NationBuilder Admin Panel
• SendGrid Dashboard