LifeFuel
Cloud subscription service for water stations.
Subscription to pour vitamin water. Personalised recommendation for smart hydration. Digital statistics always with you. Also has an admin panel for business owners to track and manage their water stations and workers accounts.
Visit the website:lifefuel.io
1. LifeFuel website title page
Tech stack
Vue.js
Nuxt.js
CSS
Node.js
Ruby
Ruby on Rails
Flutter
The front-end website is built with Vue.js and Nuxt.js to better handle SEO and server side rendering. The website is styled with CSS with some GSAP animations. I wanted to keep the website simple and clean, so I used a lot of white space and a minimalistic design.
The back-end part on the other hand is built with Ruby on Rails to manage the database, machines and REST API for the front-end.
The back-end also has several microservices to manage the water stations, so they safely communicate with client's apps on his phones.
The mobile app is built with Flutter, so it can be used on both iOS and Android devices. It has a lot of features like personal hydration statistics, water station map, and a lot more. B2C version has a subscription model, so users can subscribe to pour vitamin water and get personalized recommendations for smart hydration. Station is able to be unlocked with a QR code, so the activation process is very simple and fast.
2. LifeFuel app screens
3. LifeFuel app screens