Jono Shields

Chowtime V2!

I have been working on Chowtime quite a bit and it is proving to be pretty handy for what I needed.

In the last week I have

Visualization

I got around to creating the tool I was talking about in the last blog post.

image

The largest most outer ring is today and each successive ring going inwards are previous days. I really like this as it shows a lot of information in an intuitive way, but it was a pain in the butt to make and still doesn’t support fasting periods of more than 24 hours. So I want to fix that, but also add a log where someone can see any extra information they have added using the experimental diary feature.

New UI

The toggle button was beginning to annoy me, with the diary feature the button had up to 3 functions which was not intuitive at all. Now you simply click the panda to toggle eating and not eating, the diary has its own submit button and the experiments now use a much nicer toggle button.

image

As you can see above it is way easier to get to the visualization, in the past it was buried in the FAQ. The next step might be to embed the visualization into this page so you don’t have to move back and forth. The button to export is still hidden in the FAQ though, but I feel like that is fine because users don’t need it very often.

image

Web App

So to give the best experience possible for mobile users I added meta tags to allow for Chowtime to function as a web app. It was actually super simple and below shows just how easy it is to support Android and iOS.

image

This basically means that users can add it to their homescreen and it will function similarly to a native app. It will have a lovely app icon and launch nicely with a splash screen and no browser bar. Yay!

New Hosting

Google Chrome will actually recommend users to add the web app to the homescreen if it meets a few simple requirements. One of them is to have a service worker registered for the app and to have it served over https. But unfortunately Github Pages does not support SSL for custom domains.

Enter Netlify. Netlify supports HTTPS for custom domains, has integrated Lets Encrypt and allows easy CI from a github repo. It’s all so simple and totally free for prototyping. I am sure performance doesn’t live up to the SSDs of Digital Ocean, but it does the job and I haven’t noticed any especially slow load times. Although I might run some performance tests now that I have the same web app on both GH Pages and Netlify.

Either way having SSL is a huge improvement for everyone. So its a win in my books.

Thanks for reading you pretty things!