HomeApp

d e s i g n . f r o n t - e n d .

Android Jetpack Compose

Sensify: Phone Sensors Plots

Task

UI/UX
Android
An attractive and user-friendly platform for visualizing real-time data from various sensors on Android devices. The objectives include analysis through interactive charts, ensuring stability and optimal performance, supporting multiple sensor types.

The app follows Material Design 3 guidelines with a glass effect for a visually appealing interface. Continuous improvement and updates are prioritized based on user feedback.

Expectation

Idea was to design the app with a unique glass-based interface.



Implementing real-time chart visualization for irregular sensor data, managing memory for zoom functionality.



Ensuring compatibility across various sensors and devices, as well as optimizing performance to minimize resource usage.

Overcoming challenges in real-time chart visualization, memory management, unique design, compatibility, performance optimization, resulted in a seamless app for sensor data visualization.

Design

Colors

The primary color chosen here is inspired by the latest tread designs. and the secondary colour was chosen based on the colour of the shopping cart.



The concept was to design a multicolor app with clarity of actions and inputs. Some of the important colors are mentioned here.
Primary

#209D52

Primary Container

#A5FFC9

Secondary

#FFBD44

Secondary Container

#FFEBB2

Text

#000000

Development

Logics

The language picked for development is Kotlin. built-in MVVM architecture with Android Jetpack Compose. The libraries chosen for the tech stack were MpAndroidChart, Material Design 3.



The app leverages reactive programming paradigms, such as Kotlin Coroutines and Flow, to handle asynchronous operations and data streams.



Have a look at some of the important flow diagrams implemented in the app.
This flow diagram illustrates the process of transforming sensor events into a continuous stream for real-time visualization. The diagram provides a visual representation of how the app handles irregular data capture.
This flow diagram showcases the process of visualizing the transformed sensor data stream in a zoomable chart. Here we implemented logic similar to fixed length queue.

Github Actions

GitHub Actions is a powerful tool that enables you to automate tasks and workflows for your GitHub repositories.



For more detail of how this is implement, Read the blog

Tightening things up.

screens

Experience the stunning visuals and functionality of Sensify - Phone Sensor Plots through these screenshots. Witness the real-time visualization of phone sensor data with interactive charts, all wrapped in a sleek and futuristic design.



The following are the app's main features: Start Here, Home, and Chart.

Thankyou for scrolling down here.



Sensify: Phone Sensors Plots