v2.5 // FRONT END DEVELOPER & UI ARCHITECT

Mohamed Abdul Kader Riyaz K

Engineering scalable, user-centric frontend architectures and high-density fintech interfaces with React.js, Next.js, and TypeScript.

2–3 years translating complex business requirements into clean, production-ready interfaces — integrating REST APIs, building reusable UI modules, and collaborating closely with agile product teams at Zoi Fintech Services.

Explore Case StudiesContact Me
2–3
Years shipping UI
04
Enterprise products
Fintech
& HR products
ui-system/playground.tsx live

AUM · 12M

29.60₹ Cr

+146.7%

--accent

theme.accent = "indigo"

Inspector

Approve
padding
8px 16px
radius
10px
height
36px
state
default
01System Specifications

A frontend stack organised like the systems it builds.

Four layers, from the runtime up to the workflow that ships it.

LAYER_01

Core Architecture

The runtime foundation — typed, component-driven React applications.

React.jsNext.jsJavaScript (ES6+)TypeScriptHTML5CSS3
export function Dashboard({ data }: Props) {
  const metrics = useMetrics(data);
  return <Grid cols={12}>{metrics.map(Card)}</Grid>;
}
LAYER_02

Design Systems & UI Libraries

Tokens, primitives and libraries for consistent, accessible interfaces.

Shadcn UITailwind CSSMaterial UIHero UIBootstrap
LAYER_03

State & Data Layer

Predictable state and clean contracts with backend services.

ReduxZustandREST APIsMSSQL Server (Basic)
UI
Store
API
SQL
LAYER_04

Workflow & Tooling

Shipping in sprints with reviewable, composable increments.

GitVS CodeAgile / ScrumComponent-Driven Development
  • feat(dashboard): add work-hours chart
  • refactor(ui): extract <DataTable /> primitive
  • fix(api): retry scheme sync on 502
02Experience

Frontend Developer at Zoi Fintech Services.

Building dashboards, workflows and data-dense interfaces for internal teams and enterprise clients.

2023 – Present Bangalore, IN

Zoi Fintech Services

Frontend Developer · Full-time

  • Translate complex fintech & HR requirements into production-ready React interfaces
  • Integrate REST APIs with backend teams and harden data workflows
  • Build reusable, component-driven UI modules across four enterprise products
  • Ship in agile sprints alongside designers, QA and product owners
03Enterprise Project Showcase

Case studies — with working previews.

Each card includes a small interactive recreation of the interface pattern I built. Click around.

01Mar 2026 – Sep 2026Internal Project

Trakzo — Productivity Monitoring Platform

Focus · HR Analytics & Employee Productivity Dashboards

  • Built dashboards to track employee productivity, work hours, and activity logs for internal HR use.
  • Redesigned report navigation and added new menu features, streamlining access to frequently used views.
  • Improved data visualization components (Recharts) to make trends easier to interpret at a glance.
ReactRechartsDashboardsNavigation UX

Interactive preview

trakzo / work-hours

41.8hrs

total / week

Mon
Tue
Wed
Thu
Fri
Sat

activity log

  • › Priya S · checked in · 09:02
  • › Arun K · exported weekly report
  • › HR · viewed Team Alpha trends
  • › Divya R · idle > 15m flagged
  • › Karthik · completed 6.5h focus
  • › Ops · filtered by department
  • › Priya S · checked in · 09:02
  • › Arun K · exported weekly report
  • › HR · viewed Team Alpha trends
  • › Divya R · idle > 15m flagged
  • › Karthik · completed 6.5h focus
  • › Ops · filtered by department
02Jul 2025 – Jan 2026Internal Project

Finance Planet — Advisory Portfolio Platform

Focus · Multi-Client Financial Advisory & Live Portfolio Tracking

  • Built responsive UI components with React, Next.js, and Tailwind CSS for an advisory platform serving multiple client portfolios.
  • Integrated REST APIs to surface live portfolio and investment data, reducing manual data lookup for advisors.
  • Designed dashboards and reports for financial metrics, restructuring layouts from advisor feedback to cut time spent locating key figures.
Next.jsTailwind CSSREST APIsData Viz

Interactive preview

finance-planet / portfolio streaming

AUM

₹4.2 Cr

ROI · YTD

+14.80%

Allocation

03Jul 2024 – Jun 2025Client Project

Skin In Game — Fund Manager Scheme Management System

Focus · Investment Scheme Tracking & Regulatory Compliance Monitoring

  • Developed frontend modules for investment scheme tracking and portfolio management used by fund managers.
  • Built fund performance and compliance dashboards, consolidating data previously tracked across separate spreadsheets.
  • Worked with backend teams to integrate APIs and resolve workflow issues, improving reliability of scheme-tracking updates.
ReactComplianceAPI IntegrationFund Ops

Interactive preview

skin-in-game / compliancereview
7/12 sheets → 1 dashboard60%
04Dec 2023 – May 2024Client Project

Regulatory Tracker — Kotak Client

Focus · Role-Based Task Management & Automated Approval Workflows

  • Developed role-based task management UI for assigning and tracking employee tasks across teams.
  • Implemented approval / rejection workflows with automated email notifications, removing manual status updates.
  • Built task duration tracking, retention configuration, and activity log features from scratch.
  • Collaborated with designers and backend developers to deliver scalable, reusable UI modules.
RBAC UIWorkflowsEmail AutomationReusable Modules

Interactive preview

regulatory-tracker / approvals

TASK-2041 · Retention

Q3 data retention policy review

pending
2d 4h elapsedrole: compliance.reviewer
  • Task assigned to Ravi M. · L2 Reviewer
04Education & Credentials

Foundations in computer science.

2020 – 2023

B.E. – Computer Science Engineering

PET Engineering College

CGPA

8.15

2018 – 2020

Diploma – Computer Science

PET Polytechnic College

Percentage

90%

Locale config

Languages
EnglishTamil
Current location
Bangalore, Karnataka, India
Hometown
Melapalayam, Tirunelveli
{ tz: "IST (UTC+5:30)", relocate: true }
05Command Center

Let's build the next interface together.

Open to frontend roles in Bangalore or remote. The fastest way to reach me is below.

Quick connect

online

Email

riyazkader841@gmail.com

Phone

+91 8072243319
status
available
location
Bangalore, IN
response
< 24h
timezone
IST

Direct message

POST /hire

0/2000