Shell LubeMonitor is a cylinder condition monitoring program for two-stroke marine engines. It includes access to Shell tools and advice to help you strike and maintain an acceptable balance between cylinder oil costs and wear-related cylinder maintenance expenses.

Technical Stack

  • React JS
  • React Native
  • HTML
  • SCSS
  • JavaScript
  • Node JS
  • SQL Server
  • Docker
  • Azure
  • Industry

    Energy and Utilities

  • region
  • Region

    United States

  • project-size
  • Project Size

    Non- Disclosable


Shell LubeMonitor Sweep Tests

Shell LubeMonitor for Feed Rate Optimization

Shell LubeMonitor for Cylinder Condition Monitoring

Challenges & Solutions

The old version's user interface was too hotchpotch and it was too tricky to implement from scratch.

  • Solution: We used the GoGo theme component and the reactstrap library for managing and creating the best user experience. And created a common view component for common view in other modules.

The front-end is an admin dashboard that can only be accessed by the WebGenius team but for users, we need to create dynamic sites or dynamic user interfaces from the admin dashboard and the back-end.

  • Solution: We used React Js as a front-end admin dashboard where only the WebGenius team has access to and manages the modules. We used Ruby-on-Rails for managing the admin dashboard API module and generating a dynamic website and user interface for users which was created by the Web Genius team.

We needed to implement a custom text editor as per the client's requirements.

  • Solution: We built a custom text editor as per client requirements because we needed to implement many custom features like Link-tool, Media-tool, and Text-Style.

Instance module in which an Instance can create multiple sites and a setting module for each site.

  • Solution: In an Instance module, we need to manage multiple sites and each site's pages and page sections. For that, we used redux for managing active Instances, and its data is passed through each of the components. Also, we created a design option module for managing site settings, like Template, Template fragment, Custom code, and Text style.

2500+ Projects Experienced Innovation with Bacancy!

Get access to an experienced team of developers and engineers from bacancy,
handpicked to ace your goals. Kickstart within 48 hours, no-risk trial.

Talk to our Expert

Years of Business




Countries with
Happy Customers


Agile enabled

Core Features (Front-end & Back-end)

  • Multiple Users dashboard view.
  • Report Authorization based on User’s role
  • Import/Export, PDFs and Excels
  • Dashboard KPIs for Common View
  • User Insights with charts
  • Master Data for Super Admin
  • Engine/Cylinder View with Insights data
  • Reports Tables based on User’s role and submitted data
  • Managing Offline Application for Vessel Users
  • Managing Multiple layouts based on Devices as well as a web application
  • no.-of-resources
  • No. of Developers


  • time-frame
  • Time Frame

    June 2021 - Ongoing

Experience With Bacancy

How Can We Help?