codefortulsa / snap-screener

Screener for SNAP. Built in partnership with Hunger Free Oklahaoma and TPS. Very special thanks to volunteers Travis Miller, Cody Walinciak, Kendall Wertz, and Chris Doe.

SNAP Screener

Find out if you are eligible for food assistance at Hunger Free Oklahoma.

---

The SNAP Screener is a single-page web application built with React and hosted on Firebase Hosting. Currently avaiable at snap-screener-ok.firebaseapp.com with final domain forthcoming. School contacts are managed with a Google Sheet available here. All other pertinent settings are available within src/lib/config.js—such as who recieves all email notifications with the variable NOTIFY_CC.

PLEASE NOTE: The spreadsheet uses real email addresses so submitting a form will, in fact, send emails out to all contacts listed for the selected school.

---

Partners

• Hunger Free Oklahoma
• Tulsa Public Schools
• Oklahoma Department of Human Services
• Spark Collaborative
• Underdog Systems
• Code for Tulsa

---

Technology

• Typescript
• React via Create React App
• Styled Components
• React i18next
• React Router
• Firebase via Hosting + Functions
• Mailjet

---

Development

To get started developing locally, clone the project. The from the root directory, run:

npm install
npm start

Requirements

• node > v10

---

Task List

• Front-end UI
• Back-end hosting
• Cloud function to determine eligibility and send mail
• Establish mail service and template via Mailjet
• Update NOTIFY_CC in src/lib/config.ts to reflect email address to receive all submissions
• Add Google Analytics for tracking
• Domain handling (to get site pointed from *.hungerfreeok.org)
• Domain email validation (to get emails as sent from HFO)
• Continus deployment via GitHub Actions (to redeploy cloud function + web app whenever commit is pushed to master branch)
• Possibly use Google Places Autocomplete API for address lookup?
• Possibly set up a hosted staging environment linked with a dev branch?
• Possibly move NOTIFY_CC from hard-coded config file to google spreadsheet

snap-screener's Issues

Submit Button doesn't seem to work.

When going through the process on https://hungerfreeok.org/snap-screener/, choosing a school and then hitting the submit button does not seem to work as intended. The user should be getting a results screen about being eligible for SNAP, and the javascript should send three emails:

1. an email to the user with their TPS contact.
2. an email to Hunger Free OK that a message has been sent.
3. an email to the TPS contact that a new family needs help.

Screenshot:

404 from the php server

I am getting a 404 when I GET http://localhost:5000/api/form-submit with example data:

{
  "address": {
    "state": "OK",
    "street": "asdfads",
    "city": "asdfads",
    "zip": "74134"
  },
  "contact": {
    "contactMe": "yes",
    "firstName": "Test name",
    "contactPreference": "email",
    "email": "[email protected]"
  },
  "howManyChildrenUnder18": "2",
  "howManyAdults": "2",
  "howManyAdultsOver60": "0",
  "income": {
    "amount": "200",
    "period": "weekly"
  },
  "childAttendsSchool": "Dolores Huerta Elementary"
}

Probably related to #1

Auto-deploy from GitHub to WP-Engine

The https://hungerfreeok.org/snap-screener/ site is hosted with WP-Engine. It looks like WP-Engine does support Git: https://wpengine.com/git/ We just need this set up so that we can deploy to their live page via this repo.

Cross Orgin Request error during submission

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin

Probably related to #1