Custom Features Elevate Dynamic User Interfaces & Admin Dashboards
Overview
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
Industry
Energy and Utilities
Region
United States
Project Size
Non- Disclosable
Highlights
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
12+
Years of Business
Experience
1458+
Happy
Customers
12+
Countries with
Happy Customers
1050+
Agile enabled
employees
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 Developers
02
Time Frame
June 2021 - Ongoing
Experience With Bacancy
Optimize Your E-Commerce Workflow for Maximum Efficiency
Watch the video
Google Play Regulatory Hiccups and ID Verification Overcome
Watch the video
Fintech Platform Scalability & Growth Optimization
Watch the video
Legacy Code Upgrades for Modern User Experience and Enhanced Data Analytics
Watch the video
Empowering Retail Marketing With Seamless User Experiences
Watch the video
Migrating To Laravel From Core PHP With Twilio Integration
Watch the video
Upgrading PHP Laravel version while scaling the Admin Dashboard
Watch the video
Optimizing CRM Performance With Data Management and Salesforce Integration
Watch the video
AI Solution Engine for Improved Performance and Error Handling
Watch the video
Enhancing Managed IT Services With Streamline Automation Process
Watch the video
SEO and Bulk Data Upload Solutions For An E-Commerce Healthcare
Watch the video
Elevate Your E-Commerce with Scalable UI and Enhanced Calculators
Watch the video
Simplifying Annuity Rate Management for Complex Calculations
Watch the video
Addressing Null Safety, Code Structure Issues, and Manual Deployment Issues
Watch the video
Optimize Task Management With Advanced Tracking
Watch the video
Revolutionize Applicant Tracking: Advanced Image Optimization Techniques
Watch the video
Cost-Effective Media Management Solution and Resolving Data Upload Issues.
Watch the video
VoxGlobalTech
Watch the video
