Built with Blazor and .NET MAUI, this unified web and mobile tide prediction platform offers accurate data, shared components, and scalable architecture.
Product
A web and mobile solution designed to provide reliable tidal information for specific locations worldwide, powered by a proprietary prediction engine
Vertical
Professional services
Client
A hydrographic surveying expert with wide global experience in calculating, using, and validating predicted tides
Buyer persona
Recreational users seeking accurate tide forecasts, offshore professionals requiring precise tidal data
Provided services
Application development, Architecture redesign, Performance optimization, Quality Assurance, Web solution refactoring and restyling, Shared Blazor components library creation, Mobile app development from scratch
Technology
ASP.NET Blazor Server, MAUI Blazor Hybrid, HTML, CSS, JavaScript, SQL, SQLite, EntityFramework
The Challenge: Modernization and Unified Architecture
The client needed to modernize their existing web-based solution. The key challenge was to move as many components as possible into a shared library, so they could be reused in a new mobile app and in future projects. The goal was a unified code base that reduced duplication and maintained consistency.
And behind the scenes, there was another problem: every platform lived on its own island. Updating features across web and mobile would require duplicate effort unless the architecture was modernized.
We had to deal with:
– A codebase with limited reusability.
– Inconsistent user experience across platforms.
– Difficulty scaling to new devices or features.
The Objective: One Codebase, Multiple Platforms
Three main objectives formed the base for future transformation. We need to:
– Modernize the existing web application with a fresh design and improved performance.
– Construct a brand-new mobile app (iOS + Android) based on website components (with the same predictive accuracy, but tailored for on-the-go use).
– Create a shared Blazor component library that would unify the codebase, ensuring consistency across web, mobile, and future projects.
The Solution: Web Modernization + Mobile Best Practices
We started by tearing down the silos. Instead of treating web and mobile as separate worlds, we re-architected the solution around shared components.
Web application modernization
The existing app was refactored and redesigned to match new design mocks. The backend was streamlined, performance improved, and the UI upgraded for clarity and responsiveness.
Mobile app built from scratch
We developed a new mobile app for iOS and Android using Blazor Hybrid with .NET MAUI. It mirrored the website’s core functionality but embraced the look and feel of a native mobile experience: fast, clean, and designed for real-world use.
Shared Blazor component library
Instead of reinventing the wheel, we built a reusable component library. This not only kept the web and mobile apps in sync but also future-proofed development. The client can drop any new feature into multiple platforms with minimal effort.
Results
The client now has:
A modernized web app that’s faster and easier to navigate.
A brand-new mobile app with a native feel, perfect for both offshore professionals and casual users.
A reusable component library that ensures consistency and accelerates future development.
For end users: tide predictions are accurate, accessible, and available anywhere. For the client, the platform is now agile enough to support new projects and expansions without duplicating work.
Tech Stack
Blazor
.NET MAUI
SQL, SQLite
HTML
CSS
JavaScript