This is a little weekend project of mine to help all those folks who like sharing animated GIFs captured from their Desmos graphs, but don't like going through the hassle of taking a bunch of screenshots and then running them through a separate generator. GIFsmos lets you do all the graphing (or graph importing) and manipulating and capturing and GIFifying in one place, with a simple UI.
- Make sure you have node.js installed.
- Clone this repo and navigate to the root directory.
- Install the dependencies with
npm install - Run the app with
npm start. - Head over to
http://localhost:3000in your favorite browser.
- Get yourself set up with a place to host node apps, such as heroku.
- This app uses a Desmos demonstration API key that's only suitable for development. For any public-facing app, you'll need to request your own key from the fine folks over at Desmos.
- Edit the
views/layout.jadefile to include your newly acquired API key:
script(src='//www.desmos.com/api/v0.4/calculator.js?apiKey=YOUR_KEY_GOES_HERE')That's it!
In the current incarnation of GIFsmos, everything important is happening on the client side, so there's really no reason to run/host it as a Node app. That won't be true in the future, as I add more features, but for now there are some Grunt tasks configured to generate the app as a static site instead. The tasks are pretty specific to the current directory structure, so if you do any significant rejiggering, you'll probably have to edit the Gruntfile as well.
To create a build/ folder ready for uploading, run:
grunt build
If you want to start a development server that will serve up the build/ folder on port 3000, run:
grunt server
The default task both runs the build and sarts the dev server:
grunt
If you want to get in touch, I'm an enthusiastic #MTBoS participant on Twitter.