/eye-caramba

vision therapy website

Primary LanguageJavaScriptOtherNOASSERTION

Eye see what you did there.

KUDOS:

This project uses WebGazer and was a fork of their demo page -- check them out here!

Exercises and some pictures are from EyeCanLearn, which is a super comprehensive great resource with tons of eye exercises, tips and info. I learned a lot from them!

Disney character pictures are from 4vector.com. Mickey source Minnie source Donald Duck source

Splash page photo by rawpixel on Unsplash.

Favicon made by Smashicons from www.flaticon.com is licensed by Creative Commons BY 3.0.

Thanks to Albert Gonzalez for EasyTimer;

Balance icon from FontAwesome.

And last but not least, thanks to Matt Boldt for Typed.js

Running on your laptop

If you'd like to run this app on your laptop, I will give a brief disclaimer that a lot of the CSS was hardcoded as this project was created in <24 hours at a hackathon. It might not look exactly the same as the demo video. I also use CSS keyframes on background images, which is only supported in Chrome as of the date of this project.

Also please consult an actual doctor for real vision therapy, this is just a proof of concept/exercises for a hackathon.

Steps:

  1. cd into the /www folder
  2. Run the command browser-sync start --server --files "*"
  3. Navigate to localhost:3000