A photo of Max Glenister

Max Glenister Interface Designer &
Front-end Developer

Want to get in touch?
Send me an email!

A preview of the 'Carbs Calculator' project

Carbs Calculator

View Project


Mobile UX PWA Responsive Web Design UI Design


Bulma CSS Github Vue.js


As a Type-1 Diabetic, counting carbohydrates is integral to diabetes management.

Most foods have the total carbohydrates per 100g or per serving on their nutrition label, so it’s often a trivial calculation. For the other foods I commonly eat, I’ve made this simple Progressive Web Application using Vue.js to calculate the carbohydrates in my portion.

I keep the known foods’ carbohydrates per 100g stored in a JavaScript object that I can easily update to add more food types.

As this is a Progressive Web Application, besides being accessible in the web browser, it’s installable on my phone. I use this multiple times a day from my phone.

If you want to try the Carbs Calculator out for yourself, you can find it on carbs.omgmog.net.

More from "UI Design"