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
- Run the app with
- 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:
Static Site Generation
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:
If you want to start a development server that will serve up the
build/ folder on port 3000, run:
The default task both runs the build and sarts the dev server: