/Donate-a-Mole

Primary LanguageHTMLGNU General Public License v3.0GPL-3.0

Donate-A-Mole

Stack

  • Flask web app
  • Semantic UI
  • Xamarin Forms mobile apps
  • Electron desktop apps for analysis

Authenication Methods

  • Local
  • Social
    • FB
    • Twitter
    • Github

My Mole Social Call-to-Arms

  • Share via social
    • FB sharer.php e.g. point to static URL
    • Overview; avatar mole position

Analysis

  • Geo-analysis for body location and geo location
    • Clustering and Heatmap
  • Other metrics
  • Tabular investigation
  • Export to R

App Permissions

  • Camera/Image library
  • Location
  • Web
    • Divert outside links to web and social links to apps (maybe not needed)

Milestones

Client side

  • Login via social; need online web presence first for auth
  • Donate web form, file upload handling, hidden RECAPTCHA
  • Display summary, share links
  • Xamarin capable: file upload, camera, share links
  • live counter of all moles on body map on homepage
  • Use geo data to get UV rating for current location
    • methods to match?
  • User auth desired but not required

Analysis side

  • Analysis maps
  • Electron app for dedicated dashboard endpoint
  • JSON generators for export and map layers

To Do

  • Frontend UI
    • Pretty everything!
    • Viewport (mobile) responsiveness
    • Consistency
  • Graphics
    • Icons
  • Static pages
    • Home
    • About DRC
    • About Donate-A-Mole
    • Melanoma in Australia
    • Privacy Policy
    • Contact Us
    • Links

Setup

conda create -n dam -c conda-forge python=3 redis nodejs
conda activate dam
npm install -g sass
apt install libpq-dev build-essential
pip install -r requirements.txt

# once off db creation, data population
python manage.py recreate_db
python manage.py setup_dev
python manage.py add_fake_data

# management for dev changing schemas e.g.
python manage.py drop_all
python manage.py drop_mole

honcho start -e config.env -f Local

Mole Metrics

  • sex
  • age
  • location
  • geo location
  • ancresty
  • personal history of melanoma (bool)
  • family history of melanoma (bool)
  • future research contact bool
  • pathology
    • excised
    • consent for us to request pathlogy report
  • fake (bool)

Theming

  #62efff
  #00bcd4
  #008ba3
  #e1e2e1
  #f5f5f6

Notes

  • get emails of people agreeing to be contacted

    • confirmation email

  • Sex - NA/NS

    • Dropdown for avatar select
    • Avatar 1
    • Avatar 2

Extra Files

  • dam.service: systemd service file
  • dam.nginx: nginx reverse proxy configuration

Mandatory fields

  • sex
  • age
  • location

Plan of attack

  • Fix remaining components for tab 2

  • Add hooks to fill form fields

  • Location!

  • UI

  • Nav bars

  • Proper words

  • update form to make bodyLoc and image arrays

  • handle submit

  • Share code

  • Apps!!!

  • make new react component for