Reader engagement survey app

Quickstart

  1. Start Docker
  2. Build and start containers: docker-compose build && docker-compose up
  3. Go to http://localhost:3000/

Credits

This tutorial by @shiv_ka_ansh was used to connect the React frontend to the Flask backend

react-text-annotate by @mcamac for the text highlighting component

console-log-level by @watson for the frontend logger

TODO

  • Clean up routing. Using react-router with nginx makes it so refreshing the page breaks everything. This is because only the / route will load the Javascript. I've made a meal out of the routing, adding read/ to the story routes and then needing to add ../ to remove it when routing to the backend. There is probably a more elegant way to manage this.
  • Consider adding routing for pages and take questions out of page rotation
  • When highlight toggled on, skip question pages
  • Clean up CSS
  • Conditionally use localhost or IP of grace server