Turning complex problems into elegant solutions. As Project Owner of xensAgro, he leads the development of intelligent, sensor-driven agriculture platforms while architecting scalable, zero-friction user interfaces across web and mobile ecosystems.

Connect on LinkedIn

ScrollDhaka · Kuala Lumpur · Remote · Global

Frontend ArchitectureReact & Next.jsTypeScriptUI EngineeringDesign SystemsReact NativePerformance OptimizationState ManagementFrontend ArchitectureReact & Next.jsTypeScriptUI EngineeringDesign SystemsReact NativePerformance OptimizationState Management

01In his words

“The best interface is the one where complexity vanishes completely, leaving only intuitive human momentum.”
Md. Roknuzzaman Rasel, on interface engineering

3+
Years in active software engineeringFrontend, Web & Mobile: 100%
Commitment to type-safe codeStrict TypeScript & React ecosystems: 6+
Core frameworks masteredNext.js · React · React Native · Node: 0
Tolerance for UI latencyOptimized rendering & instant interactivity

Md. Roknuzzaman Rasel

02The story

Architecting interfaces that bridge vision and code.

Md. Roknuzzaman Rasel has focused his engineering path on creating high-performance, accessible, and intuitive digital interfaces. Operating at the frontier where creative design meets engineering precision, he champions clean code and component-driven architecture.

At Selopia and Cityscape International, he engineered mission-critical user portals and enterprise interfaces that handle heavy data loads without sacrificing render times or visual refinement. His research tenure at Universiti Teknologi Malaysia deepened his systematic understanding of software behavior, distributed computing, and user interaction.

As a Prime Member of the Akxens Council, Rasel advises on frontend development standards, UI design tokenization, client-side caching strategies, and seamless Web3/enterprise dashboard experiences across Akxens ventures.

Turning complex architectural requirements into elegant, accessible, and high-performance digital realities.

03The journey

Engineering journey, from research to enterprise.

2024

Academic Research & Systems

Universiti Teknologi Malaysia (UTM)

Served as Research Assistant investigating software systems, performance metrics, and computational frameworks.

2024

Enterprise Software Engineering

Cityscape International Limited

Architected robust web solutions, internal portals, and user flows for luxury real estate and hospitality holdings.

2025

High-Performance Frontend Systems

Selopia

Led modern React/Next.js frontend development, crafting scalable modular libraries and responsive interfaces.

2026

Akxens Council Prime Member

Akxens Inc. · Sovereign Digital Assets

Advises council on frontend architectural governance, performance benchmarking, and next-generation UI execution.

04Domains of mastery

Domain focus. Built for precision.

From design tokens and atomic component hierarchies to state management and edge rendering, every layer is built for longevity and speed.

Scalable Component Architecture

Modular React and Next.js design systems structured for maintainability, reuse, and effortless cross-team adoption.

React.js
Next.js App Router
TypeScript
Tailwind CSS

State & Data Pipeline Integration

Managing complex client state, real-time data synchronization, and optimistic UI updates under low-bandwidth constraints.

TanStack Query
Zustand
REST & GraphQL
WebSockets

Cross-Platform Mobile Engineering

Translating rich web designs into fluid, native-feeling iOS and Android experiences using unified logic.

React Native
Mobile UI/UX
Performance Profiling

05Engineering Philosophy

Four rules of clean frontend delivery.

How every interface is vetted before reaching staging or client review.

Pixel-accurate translation

Figma mockups are followed with zero compromises on typography, spacing, or responsive fluid breakpoints.

Defensive state modeling

Interfaces anticipate network drops, edge cases, and heavy data streams gracefully.

Accessibility by default

Semantic HTML5, ARIA compliance, and full keyboard navigation are non-negotiable foundations.

Sub-100ms interaction targets

Eliminating unnecessary re-renders and heavy script execution on critical interaction paths.

src/components/ui/AdaptiveStreamView.tsx

1// Akxens Sovereign Interface Protocol
2export function useRealtimeState<T>(source: Stream<T>): ViewState<T> {
3  const [data, setData] = useState<T | null>(null);
4  const [status, setStatus] = useState<'syncing' | 'ready' | 'idle'>('idle');
5 
6  useEffect(() => {
7    const unsub = source.subscribe({
8      next: (val) => { setData(val); setStatus('ready'); },
9      error: () => setStatus('syncing')
10    });
11    return () => unsub();
12  }, [source]);
13 
14  return { data, status };
15}