atnjqt/compassionapp

Repository documenting sample code testing the Instagram/Facebook Basic API functionality for a Docker Composed React-Flask-MongoDB web application to serve as a Proof Of Concept for a Compassion mobile app

Welcome to CompassionApp 🧘 🌎 🪷

• Project Authors: Yoona Kang, Matt O'Donnell, Etienne Jacquot

Getting Started

• For local development we use Docker Compose. Clone the repo and build:

  git clone git@github.com:yoonakang/compassionapp.git
  cd compassionapp
  
  mkdir data # for volume mounted bind
  
  docker compose up --build

• Your local environment is accessible at:

  • frontend http://localhost:3000/
  • backend http://localhost:8080/

---

React Frontend (:3000 DEV)

FaceBook Login for CompassionApp

For appID='292301126304936' our Meta Developer application https://developers.facebook.com/apps/292301126304936/

• Navigate to https://localhost:3000/ (no SSL yet, will eventually be https://compassionmode.asc.upenn.edu), login with the pre-configured FB Tester Account Email for basic login & oauth integration example.

---

Flask API Backend (:8080 DEV)

Sample page visit counter app

• the sample provided counts how many times the page was visited, counting & writing this in our mongo backend, to display at http://localhost:8080/

  • TBD for examples using pymongo for combining the backend w/ database

  We will use this python backend to pass instagram allowed URLs to Azure / AWS for facial detection, to selectively display with conditional React logic only photos on a timeline that meet the compassionmode thresholds