Loading image 1...

01/02

EONRadiator

Cross-Platform React Native App for Radiator Maintenance and Coolant Calculation in the Field

Client
PT Eonchemicals Putra (EON), Indonesia
Year
2025
Timeline
3 months
Category
Mobile Development / App Development
UI Goal
Let a radiator calculation and its record be finished on site, in one pass.
VISUAL STYLE
Plain, high-contrast interface, given it is used in the field rather than at a desk.
LAYOUT SYSTEM
A single forward path from unit details to calculation result and maintenance record.
PRIMARY DEVICE TARGET
EON field technicians, plus the office team reading the results through the CMS.
EON Radiator
Featured Work

EON Radiator

Cross-Platform React Native App for Radiator Maintenance and Coolant Calculation in the Field

Overview

Cross-Platform React Native App for Radiator Maintenance and Coolant Calculation in the Field

PT Eonchemicals Putra is an Indonesian specialty chemicals manufacturer whose radiator coolant is used in vehicles and heavy equipment. Javapixa built EON Radiator, a cross-platform React Native app for iOS and Android that records radiator maintenance and calculates coolant consumption on site, running on a Laravel REST API, with a Next.js admin CMS as the office-side counterpart. It is published as EONRadiator on both Google Play and the App Store.

Challenge

The Problem

The coolant calculation was being done in the field, next to the unit, often on paper. That works for one technician, but it makes it hard for the company to see usage patterns across a fleet: the records sit in separate notebooks, and the numbers reach the office long after the work is finished.

Solution

The calculation moved into the app, so the technician enters the unit's details and the app does the arithmetic rather than the other way round. Maintenance history is stored alongside the result, so a unit has one continuous record. The admin CMS is Next.js, giving the office team the same data without waiting for a manual summary. Distribution goes through Google Play, so technicians install and update it like any other app.

VisualJourney

Project Showcase

Loading image 1...

Screenshot 1

Project visualization and interface design

01/03
Navigate

TechStack

01

React Native

Mobile App (iOS & Android)

02

Laravel

REST API Backend

03

Next.js

Admin CMS

04

Google Play & App Store

Distribution

KeyFeatures

[01]

Coolant Calculation

The technician enters the unit's details and the app works out the coolant requirement, so the result is consistent between technicians and between sites.

[02]

Maintenance Records

Every maintenance job is stored with its calculation, so one unit's history reads as a single sequence rather than disconnected fragments.

[03]

Consumption Monitoring

Usage is recorded over time, so patterns are visible at fleet level and not only per visit.

[04]

Next.js Admin CMS

The office side is a separate Next.js build, so the administration team reads field data without opening the mobile app.

[05]

Google Play and App Store Distribution

The app ships as EONRadiator on Google Play and the App Store, so installs and updates follow a store flow technicians already know, on Android and iOS alike.

OurProcess

A detailed look at how we brought this project from concept to reality through our proven methodology.

01
Duration
3 weeks

Mapping the Field Workflow

Followed how the calculation and record-keeping were actually done on site, then decided which parts were worth moving into an app.

Deliverables
Workflow Map
Calculation Rules
App Flow
02
Duration
1.5 months

Mobile App and CMS

Built the Laravel REST API, the React Native app for iOS and Android, and the Next.js admin CMS, with the maintenance and consumption data structure all three share.

Deliverables
Laravel REST API
React Native App (iOS & Android)
Next.js Admin CMS
03
Duration
1 month

Field Testing and Release

Tested the app under real usage conditions, adjusted it against technician feedback, then published to Google Play and the App Store.

Deliverables
Field Testing
Adjustments
Google Play & App Store Release
  • 01Radiator fluid consumption is calculated in the app rather than worked out by hand on site.
  • 02Maintenance and consumption history sit in one place instead of per-technician notes.
  • 03A Laravel REST API serves both the mobile app and the admin CMS from one source of data.
  • 04The Next.js admin CMS gives the office team a view of what the field is recording.
  • 05One React Native codebase covers iOS and Android rather than two native builds.
  • 06Published on Google Play and the App Store, so getting the app to technicians needs no manual installs.
  • 07TODO: add verifiable outcomes from the client when they are available.

Want something like this?

These are the Javapixa services behind this project.

EON Radiator - Portfolio | Javapixa Creative Studio