Welcome to Miracle Messages Map👋

Partner Information

Miracle Messages

We are a nonprofit reunion service to help our neighbors experiencing homelessness reunite with their loved ones in a positive and supportive way.

Website

• Contact: Kevin Alder
• Product Manager: Jessica Wilkinson.

---

Mission

"I didn't realize I was homeless until I lost my friends and family"

We believe everyone is somebody's someone, and no one should be defined by what they lack. Miracle Messages Map connects volunteers, making it easy to join together to reunite more homeless people with their families.

🏠 View Our Work

Environment

The following environment variables control the front-end: Note: When using Create React App, environment variables must be prepended with REACT_APP

• REACT_APP_CALLBACK_SSL (Default: true)
  • If true, the authentication callback URL will use https; otherwise the callback url will use http

Tech Stack

• Frontend:

  • React-Redux
  • Mapbox API to display the data points on the map
  • react-map-gl library built by Uber to use react with mapbox
  • Google Analytics/ ReactGA for analytics
  • CSS/Node-sass for some styling on top of styled components
  • Material UI, Reactstrap libraries for styled components
  • Okta for authentication
  • Cypress for testing
  • react-places-autocomplete to integrate with Google Maps for the Volunteer sign up form.

• Backend:

  • Node.js/Express to build the server/endpoints etc.
  • Knex for SQL querying using Node
  • Postgres for our database
  • Heroku for our server/backend deployment
  • AWS for images/files upload storage
  • Jest for testing
  • SendGrid

Authors

👤 Colin de Vries

• Team Leader

• Github: @dvcolin

• Email: [email protected]

👤 Shun Chiang

• Frontend Developer

• Github: @kkslider2130

• Email: [email protected]

👤 Alexander Karren

• Frontend Developer

• Github: @AlexanderKarren

• Email: [email protected]

👤 Ronald McIntyre

• Backend Developer

• Github: @mcintyre-r

• Email: [email protected]

👤 Samuel Ardis

• Frontend Developer

• Github: @ardissam0

• Email: [email protected]

👤 Charlie DiFranco

• Frontend Developer

• Github: @cdifranco1

• Email: [email protected]

👤 Will VanOrder

• Team Leader

• Github: @wvanorder

• Email: [email protected]

  👻 Arash Haji-Hassanzadeh

• Front End Developer

• Back End Developer

• Website: arashhaji.com

• Github: @arashhaji

• Email: [email protected]

  👾 David Betts

• Front End Developer

• Back End Developer

• Website: davebetts.net
• Github: @davebettswebdev
• Email: [email protected]

😎 Daniel Mattox

• Front End Developer
• Back End Developer

• Website: danielmattox.com
• Github: dmattox10
• Email: [email protected]

👨‍🚀 Shawn Tompke

• Front End Developer

• Back End Developer

• Website: shawntompke.com

• Github: @stompke

• Email: [email protected]

👸 Ramonta Lee

• Front End Developer
• Back End Developer

• Website: ramontalee.codes
• Github: Ramonta-Lee
• Email: [email protected]

👤 Efrain Vazquez

• Team Leader

• Twitter: @EfrainV

• Github: @efrainva

👸 Shelby Diamond

• Front End Developer

• Website: Shelbydiamond.com

• Twitter: @ShelbyN_Diamond

• Github: @shelbydiamond

• Email: [email protected]

  👻 Mimi Hoang

• Front End Developer

• Github: @meowmimi1

• Email: [email protected]

  👾 Madison McKown

• Front End Developer

• Github: @MadisonViaLux

• Email: [email protected]

😎 Adrian Garcia

• Back End Developer

• Twitter: @adriangarcia777

• Github: @adriangarcia5

• Email: [email protected]

👨‍🚀 Noah Franco

• Back End Developer

• Website: Noahfranco.com

• Twitter: @noahfranco_

• Github: @noahfranco

• Email: [email protected]

🤓 Roenz Aberin

• Back End Developer

• Website: raberin.me

• Twitter: @raberin_

• Github: @raberin

• Email: [email protected]

Show your support

Give a ⭐️ if this project helped you!

---