Building a local running tracker

• FileSaver.js

  17 21,102 0.0 JavaScript

  An HTML5 saveAs() FileSaver implementation

Something I thought would be pretty cool is the ability to generate (and download) an image of one's progress. I've dabbled a bit with generating images with Java on the server side, but never in a client-side app. My searching led me to find dom-to-image, which has options for exporting to a JPEG, a PNG, or even a blob (not the killer kind; a "blob" is raw file data, which can be read or processed as you wish). Combined with another library to make saving files easier, exporting the image is done easily:

• 100-miles-in-100-days

  1 0 3.9 SCSS

  Interactive grid to track your progress on the Badgerland Striders' 100 miles challenge.

I thought to myself, Self, we should build an interactive version of this form. So I did. The final version is available here. It's written in React, the source is available on GitHub, and deployed automatically by Netlify.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project