Job Title: UI/UX Developer (Blazor) Job Type: Full Time Location: Lagos Role Overview Owns the user experience across dataPrime's Blazor-based enterprise web application, building reusable component libraries and pixel-perfect, high-performance interfaces for complex data intelligence workflows — including real-time dashboards, pipeline configurators, AI chat panels, and voice interaction surfaces. Core Responsibilities: Design User Experiences: Produce wireframes, user flows, and interactive prototypes (Figma) for dataPrime modules such as the Observability Dashboard, ADRE Incident Center, Data Marketplace, and the Digital Twin simulation viewer. Balance information density with clarity for technically sophisticated users (data engineers, ops teams, oil & gas domain users). Develop Blazor Components: Build and maintain a shared component library in WebAppComponents — cards, grids, timelines, chart wrappers, modal dialogs, status badges — targeting both Blazor Server and WebAssembly rendering modes on .NET 10. Real-Time UI: Implement SignalR client integrations (ChatHub, MigrationHub, VoiceHub) to drive live-updating dashboards — golden signal charts, incident timelines, pipeline progress indicators, and voice transcription panels. Optimize Styling: Maintain and extend the platform's CSS architecture (scoped .razor.css files per component, global app.css). Ensure responsive layouts across desktop and tablet breakpoints used by operations center users. State Management: Manage cascading parameters, component state, IJSRuntime interop calls (audio context, canvas rendering, chart zoom/pan), and PersistentComponentState across server/WASM boundaries. AI Interaction Surfaces: Refine and extend the ambient chatbot UI, voice microphone panel (/settings/microphone), and NL→SQL query builder — ensuring smooth, low-latency perceived interactions even when waiting on AI model responses. Bridge Design & Code: Translate Figma mockups to production Razor components, enforcing accessibility (WCAG 2.1 AA), keyboard navigation, and consistent visual language across all 40 pages. Key Requirements Expert-level C# and Blazor (Razor syntax, component lifecycle, @ref, cascading values, render fragments). Strong CSS3 skills — scoped styles, CSS custom properties, animations, and responsive grid/flex layouts. Proficiency with JavaScript interop (IJSRuntime) for browser APIs not available in .NET (audio, canvas, clipboard, ResizeObserver). Experience with real-time UI patterns — live charts, streaming text, progress indicators driven by SignalR or SSE. Competency with Figma for design handoff and component specification. Bonus: experience with Blazor QuickGrid, charting libraries (ApexCharts, Chart.js via interop), or .NET Aspire dashboard patterns. Interested candidates should kindly send their CV to aderinsola.adeleke@devrecruit.org

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

¡Aprenderás desarrollo web Fullstack con C# y .NET Core! ➡️cursos.devtalles.com/courses… ¡Clean Architecture, Blazor Server y WebAssembly, CQRS con MediatR, EF Core, ASP .NET Core Identity, autenticación, autorización por roles, SQL Server, Tailwind CSS y QuickGrid en un proyecto!

Today is .NET 10 launch - let's talk about cool stuffs happening with the framework and ecosystem in the past year. First, QuickGrid RowClass parameter. This fixes one of the most annoying papercut in using the component in Blazor learn.microsoft.com/en-us/as… #dotnet #aspnetcore

⏱️The countdown continues: .NET Conf 2025 is on the horizon. 🌄 Drop in to learn to build better web apps with Blazor in .NET 10 and discover how Blazor simplifies secure web development with WebAuthN, passkeys, and Entra ID authentication. Plus, explore performance boosts, improved diagnostics, and new features like faster Hot Reload, QuickGrid enhancements, and more! Set your reminder: msft.it/6014tD2FI #dotNETConf

The standard QuickGrid will get an option to close column options on enter in .NET 10. Our DataGrid got that with this version already! Also, you can now have multiple paginators (that stay in sync) on a grid.

Hey Blazor devs, has anyone tried generating Blazor UI code with AI? Current AI models struggle with it, so I created a chat-based tool that generates Blazor UI from text or screenshots using built-in components like QuickGrid, and Form components, with Bootstrap and Tailwind for styling. Anyone interested in this?

Everything you need to know about #QuickGrid in Blazor c-sharpcorner.com/article/ho… via @CsharpCorner #Blazor

🔥 Watch my new @pluralsight course, Building a Data-driven Blazor Server Application with EF Core, and learn how to use Blazor Server, EF Core, #SQLServer, #QuickGrid & #BlazorCRUDScaffolder to build a data-driven web app: pluralsight.com/courses/blaz… #blazor #efcore #dotnet #web

And when I looked they had a QuickGrid (or whatever it was called) which was bout the most basic grid imaginable. You couldn't even select a row or highlight the background easily. Wasn't worth giving more energy to it (based on what I was already using elsewehre)

In this second post in the series on GraphQL and .NET, we see how to fill a Blazor QuickGrid component with data fetched with GraphQL. ➕, we look over the virtualization feature of using QuickGrid to improve performance. 📖 msft.it/6010lbm9Y

Blazor QuickGrid with GraphQL - devblogs.microsoft.com/dotne…

GraphQL で Blazor QuickGrid を使用する方法 devblogs.microsoft.com/dotne…

New .NET post just for you 🎉 How use a Blazor QuickGrid with GraphQL devblogs.microsoft.com/dotne…

dotNET blog: How use a Blazor QuickGrid with GraphQL ift.tt/iNBmI30