Smart Water Bottle App

The smart bottle app makes users healthier by creating a hydration plan and helping to achieve it. It makes the planet cleaner as the smart bottle manufacturer funds plastic waste collection every time you drink from the bottle. The application itself works as a stand-alone app for

  • Customized hydration
  • Integration with Apple Health and Runtastic
  • Locating water fountains
  • Helps clean the planet
Platform
iOS, Android
Devices
Smartphone
Tech stack
Kotlin, Swift, Node.js, React.js, Firebase
Industry
Healthcare, Fitness
Scope of work

Wireframes design, iOS client development, backend, and frontend development, server-side architecture and development, software design and architecture, deployment, quality assurance

The challenge

The smart bottle was equipped with a liquid tracker designed to monitor user water intake and help the user stay fully hydrated. The bottle is unique even for its market niche. It has a built-in water tracking sensor and has to sync with the custom hydration plan in the app. The smart bottle manufacturer came to ABCloudz to create a new matching app integration with suitable functions, to fulfill all the bottle’s goals, for example

  • BLE protocol that allows the bottle to “communicate” with the app
  • Algorithm for the app to learn the users’ hydration habits
  • Integration of the clients’ proprietary algorithm that offers the user a tailored hydration plan
  • A notification feature to remind the user to hydrate according to a set plan
  • Geolocation feature, to provide the user a map with the nearest water source
  • Integration with Adidas Runtastic

The solution

ABCloudz’s development team has created two native applications for iOS and Android. They were coded using Swift and Kotlin, respectively. The backend is built using the Firebase service, equipped with an independent data storage option, notification system, and other services. This service allowed the team to concentrate fully on front-end development. In addition, we used Node.js for coding the Backend part of the solution.  The admin panel was written on React.js to manage and control the work of user applications. A separate part of the task was to connect the smart bottle and the application correctly and ensure data transfer using the BLE protocol.

Plus, the team managed multiple integrations of third-party services:

  • Runtastic by Adidas, which allows you to participate in Adidas competitions
  • Google Maps allows the app to track the location of a smart bottle and display the nearest water sources.

Features

Smart water bottles, combined with intelligent software, are part of the new, improved standard of living. ABCloudz is striving to create the best user experience possible. The smart bottle and its complimentary app are set to create digital ways to improve human existence and create competitive advantages for our clients. During this project, we’ve managed to create:

  • 01. Login & Data Collection

    We've made Facebook, Google, or Apple account sync available for the user to create an account in just one click. The app will collect some data is used to create a hydration plan and does not share this data with third parties.

  • 02. Apple Health & "Runtastic" Integration

    The app seamlessly integrates with Apple Health to help users account for hydration habits in terms of general wellness. Integration with Adidas Runtastic allows the user to include his drinking habits into a custom training schedule, participate in challenges, compare results with others and set personal records.

  • 03. Goals & Leaderboard

    Leaderboard feature allows the creation of teams and competition. The app also shows the user their drinking goal and how much of the set goal the user had achieved on that day. Data input and collection mechanics are crucial to creating users' goals and roadmap.

  • 04. Animation

    We’ve created a user-friendly animation for a bit of fun: the image of the water flows in the direction of how the user moves the phone. Plus, it shows the bottle’s battery charge in percentage.

  • 05. Impact on Environment

    The app shows how the new drinking regimen impacts the environment. For every bottle the user drinks from the smart bottle, the manufacturer funds the removal of one plastic bottle from coastal areas, beaches, remote islands, rivers, mangroves, and high seas, intercepting ocean-bound plastics in coastal communities.

  • 06. Google Map Integration

    We created an option of finding not only the nearest water source to the user but also a way to locate the bottle itself if lost. To achieve the best result, we performed integration with Google Maps.

Results

As a result of our cooperation, the client received an innovative working application with elements of gamification and integration with Adidas Runtastic, Apple Health, and Google Maps. Now, the client can scale the number of users. Thanks to the microservice architecture the client can add new features. All these upgrades make the app even more competitive for this niche market.

Hi there! How can I help you?

ABCAssist