Malluri Raj Kumar/Contact

Available for select engagements

Malluri Raj Kumar

Senior Front-End Engineer

I build frontend systems for enterprise SaaS — from complex scheduling interfaces to real-time applications, with a focus on architecture, performance, and reliability.

Professional experience
4.7Y
Professional experience
Production commits (CPMS)
160+
Production commits (CPMS)
Lines of code (Spreetime)
35K+
Lines of code (Spreetime)
Cost reduction (Spreetime V3)
90%
Cost reduction (Spreetime V3)

Sheet 01

About

Senior Front-End Engineer with 4.7+ years of experience building enterprise SaaS products and full-stack applications. Currently at K-One Techsolutions, where I was promoted to Senior within three months and work across a large multi-tenant construction management platform.

My work spans frontend architecture, complex data-heavy interfaces, reusable component systems, real-time applications, performance optimization, and end-to-end testing. I enjoy taking difficult frontend problems and turning them into systems that are easier to use, maintain, and scale.

Outside my primary role, I independently build and deploy products for clients. Spreetime is my longest-running project, evolving through three generations as real-world usage introduced new requirements and production constraints. I use those experiences to make engineering decisions based on actual usage and measurable impact.

Outside of work: Chess (rapid/blitz), manga & anime, and satisfying my curiosity—one topic at a time..

Core stack

ReactNext.jsTypeScriptTailwind CSSTanStack QueryReact Hook FormZodRadix UIFirebase / FirestoreSupabase / PostgreSQLSQL / MySQLNode.js / ExpressPlaywrightGit / GitHub

Agents

CursorClaudeAntigravityGrokChatGPT

Education

T John College — Bachelor of Computer Applications

2018 — 2021

Languages

English · Telugu · Kannada · Tamil · Hindi

Sheet 02

Experience

K-One Techsolutions Synergy Bharat Pvt. Ltd.

CPMS — Enterprise Construction Management SaaS

Oct 2025 — Present

Fully remote

Senior Front-End Developer

Jan 2026 — Present

  • Promoted from Intermediate to Senior in 3 months for driving frontend architecture and codebase modernization. Owned end-to-end frontend development across 160+ production commits on a 1,600+ file Next.js codebase serving 100+ field workers, working across 10+ concurrent modules including daily logs, accounting, RFIs, inspections, incidents, permits, and tasks.
  • Built an interactive Gantt scheduler from scratch with zoom/pan, infinite scroll, dependency rendering, drag-to-create tasks, sticky month/year headers, and multi-level child-task navigation. Tuned the interface for 500+ concurrent tasks using virtualization and memoization, with timeline calculations tested against production usage patterns.
  • Built a reusable attachment infrastructure across 10+ modules through a shared useAttachmentSync hook. Added optimistic queue reconciliation, session-persisted uploads, S3 streaming headers, and binary previews for DNG/RAW/HEIC using TIFF IFD parsing and range-chunk fetching without downloading entire files.
  • Reduced Daily Log initial JavaScript by ~295 KB (-77.6%) through strategic code-splitting and lazy-loaded modals. Applied similar conditional loading to Incidents, Permits, Work Orders, and Vehicles, achieving ~120–190 KB savings per module.
  • Diagnosed the build-time impact of aggressive code-splitting, evaluated Webpack caching against Turbopack, and reduced production build time by ~65% (9:37 → 3:00–3:40) by adopting Turbopack. Presented the trade-offs and migration approach to leadership.
  • Architected reusable UI patterns including BaseFormModal, BaseViewModal, AttachmentViewSection, filter chips, steppers, and loaders. These patterns were adopted across 20+ modal types and 15+ module-specific file panels, eliminating roughly 10,000 lines of duplicated component code.
  • Shipped mobile-first accounting workflows using React Hook Form and Zod, including quick-entry flows, responsive document shells, and navigation improvements for invoices, payments, and journal entries. Also addressed production reliability issues including React hydration errors, offline detection, reconnection sync, and RBAC enforcement.
  • Designed and maintained Playwright E2E coverage across 6+ core modules including authentication, daily logs, attachments, accounting, inspections, and mobile workflows. Coordinated testing and regression validation asynchronously across develop and staging environments.

Intermediate Front-End Developer

Oct 2025 — Jan 2026

  • Onboarded to CPMS, a multi-tenant construction operations platform serving 100+ field workers.
  • Delivered Daily Log and Accounting surfaces end-to-end, including forms, list views, mobile shells, and data workflows using React Hook Form, Zod, and TanStack Query.
  • Designed reusable filtering primitives including FilterSelected, DateRangeFilter, InfiniteScrollMultiSelect, and PeopleMultiSelect, which were adopted across project and task listing pages.
  • Built RBAC-aware, mobile-responsive interfaces using container-query layouts and permission-gated navigation.
  • Next.js 15
  • React
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • Zustand
  • TanStack Query
  • React Hook Form
  • Zod
  • Playwright
  • S3 APIs
  • Cloud Functions

Novel Office

Booking dashboards, ticketing, real-time chat, WebOps

Oct 2023 — Sep 2025

Bengaluru, India — On-site

Front-End Developer

Oct 2023 — Sep 2025

  • Built booking, ticketing, invoice, and operational dashboards using React and Material UI. Developed reusable UI components around a shared design system and implemented JWT authentication with role-based access control for 300+ users.
  • Built a real-time chat widget using React and Socket.IO, handling multiple concurrent rooms and learning practical patterns for low-latency messaging, connection management, and graceful degradation.
  • Improved frontend performance by raising Google PageSpeed from 29 to 64, reducing page load time by 43%, and increasing user engagement by 23%. Collaborated with backend engineers on MySQL schema improvements that increased data retrieval speed by 23%.
  • Worked across frontend and backend integrations, consuming REST APIs and improving data-heavy dashboard workflows for booking, ticketing, and invoicing operations.
  • Owned WebOps for a 40–50 site WordPress portfolio alongside product development, including performance tuning, security updates, automated maintenance workflows, and uptime monitoring.
  • JavaScript
  • React
  • Redux
  • Material UI
  • Socket.IO
  • Node.js
  • Express
  • MySQL
  • REST APIs
  • WordPress
  • Figma
  • Git

Sheet 03

Independent consulting

Sourced, architected, and delivered complete products end to end — database through production monitoring — alongside full-time roles.

2026 — Present

Spreetime V3 — Hybrid Real-Time Architecture & Optimization

Third-generation rebuild of Spreetime, evolving the platform from an MVP architecture into a production-oriented hybrid system. V3 separates frequently changing live state from relatively static tournament data, using production measurements from V2 to guide the architecture rather than optimizing prematurely.

  • 01Production diagnosis: V2 demonstrated the real-time architecture under a Microsoft-hosted tournament with 400+ players and 20M+ daily Firestore reads. Usage data showed that spectator traffic accounted for a significant portion of reads while primarily requiring a small live-score payload.
  • 02Architected a hybrid data model separating volatile and static data: scoped Firestore listeners for live match scores (~2KB updates) and an Express REST API on Cloud Functions for brackets, player registry, Elo ratings, and historical data cached through TanStack Query.
  • 03Reduced Firestore read operations by ~90% while maintaining sub-500ms score synchronization. The architecture reduced monthly Firestore cost from approximately $500 to $50 while preserving the real-time experience required by active players, referees, and spectators.
  • 04Engineered a tournament-grade Elo system with dynamic K-factors, doubles/singles multipliers, and stage-weighted rating adjustments. Series points are calculated through Cloud Function triggers on match completion, with support for draws, walkovers, and bracket resets.
  • 05Built a global phone-first identity layer using E.164 normalization, transactional player merging, audit logs, and an indexed registry. Resolved duplicate registrations while preserving historical match and rating data.
  • 06Built an interactive 2^k knockout bracket visualizer with automatic BYE seeding, cross-pool pairing logic, automatic match advancement, and score-driven progression. Bracket behavior was verified through 500+ manual test cases.
  • 07Delivered a public sports hub with match center, match detail, tournament hub, player directory, and global search, alongside an admin suite for tournaments, players, rankings, users, courts, venues, and reports.
  • 08Built a courtside referee interface supporting deuce rules, walkovers, match undo, and QR-based court access.
  • 09Implemented three-tier RBAC across Firestore security rules, serverless functions, and UI route guards. Public spectators receive only the information they are permitted to access, while sensitive writes are restricted to trusted server-side functions.
  • 10Full-stack ownership across React 19, TanStack Query, Firestore, Cloud Functions, Express REST APIs, Tailwind CSS, Radix UI, React Router, and Playwright.
  • React 19 (Vite)
  • TanStack Query
  • Firebase Firestore
  • Firebase Cloud Functions
  • Express REST API
  • Tailwind CSS v4
  • Radix UI
  • React Router v7
  • Playwright
  • SheetJS

2026

Spreetime V2 — Production-Scale Tournament Platform

Second-generation rebuild focused on production-scale tournament operations. V2 expanded the product significantly and provided real-world usage data that informed the architectural decisions made in V3.

  • 01Real-time collaboration through Firestore onSnapshot subscriptions, allowing court allocations, scores, and attendance to propagate instantly across referee and admin screens.
  • 02Global identity and ELO rating system using a phone-number-first player registry to prevent duplicate profiles, with per-sport/category ratings and historical progression charts.
  • 03Advanced knockout bracket algorithm using mathematical 2^k scaling, complementary pool folding, and seed-based BYE distribution to reduce early rematches.
  • 04Fail-closed RBAC and data security through custom Firestore rules, PII masking for public spectators, secure password hashing, and JWT validation.
  • 05Multi-sheet Excel export engine for generating formatted standings and knockout reports from live tournament data.
  • 06Configurable match scorekeeper supporting single games and best-of-3 sets, automatic walkovers, winner advancement, and match undo.
  • 07QR-based referee access for instant courtside scoreboard access without requiring a traditional login flow.
  • React 19 (Vite)
  • React Router v7
  • Firebase Firestore
  • Tailwind CSS v4
  • shadcn/ui
  • Radix UI
  • SheetJS
  • Playwright

Dec 2024 — Present

Spreetime V1 — Proof of Concept & Validation

Original full-stack sports tournament management application for organizers, referees, and spectators. V1 focused on validating the product and core workflows before expanding the system for larger tournaments.

  • 01Engineered dynamic pool and knockout bracket workflows that automated match scheduling and winner advancement, reducing manual administrative work by 60%.
  • 02Implemented live match tracking and real-time updates using Firebase Firestore synchronization.
  • 03Built responsive interfaces for organizers, referees, and spectators with mobile-first tournament workflows.
  • 04Added CSV/Excel bulk import for player registration and onboarding.
  • 05Built admin and referee dashboards with role-based access control and match editing.
  • 06Implemented player search, filtering, and automated player-name propagation across tournament workflows.
  • 07Validated the product with real client usage, leading to the Microsoft-hosted V2 tournament deployment and subsequent V3 architecture.
  • React.js
  • Firebase
  • Tailwind CSS
  • Vite
  • JavaScript
  • Vercel

April 2026 — Present

Abhay Architects — CMS-Driven Portfolio & Admin Dashboard

Full-stack CMS-driven architecture studio portfolio with case studies, content management, role-based administration, and a motion-focused public experience.

  • 01Solved a PostgreSQL RLS infinite-recursion issue using custom SECURITY DEFINER helper functions and search-path isolation.
  • 02Built full CRUD workflows for projects, categories, services, team members, testimonials, and leads with draft/published states and audit logs.
  • 03Implemented React Dropzone → Supabase Storage upload pipeline with progress feedback and error handling.
  • 04Configured Next.js remote-image optimization for responsive, WebP-encoded image delivery and reduced layout shift.
  • 05Added Framer Motion interactions for the hero and case-study sections without compromising the site's performance.
  • Next.js 16
  • React 19
  • TypeScript
  • Supabase / PostgreSQL
  • RLS Policies
  • Framer Motion
  • Tailwind CSS v4

Dec 2021 — Present

15+ Additional Client Projects (2021 — Present)

Independently architected and deployed 15+ projects across diverse domains. Work has covered the full product lifecycle from requirements and database design through frontend development, deployment, and production monitoring.

  • 01Full-stack ownership across schema design, backend API architecture, frontend implementation, deployment, and production monitoring.
  • 02Selected technologies based on product requirements, timeline, and budget — including Next.js, React, Firebase, Supabase, PostgreSQL, MongoDB, Node.js, and Express.
  • 03Built dashboards, e-commerce applications, SaaS tools, landing pages, and internal business platforms for geographically distributed clients.
  • 04Worked asynchronously across timezones with a focus on clear communication, documented decisions, and reliable delivery.
  • 05Maintained projects after launch and developed ongoing client relationships through referrals and repeat work.
  • Next.js
  • React
  • TypeScript
  • Firebase
  • Supabase
  • PostgreSQL
  • MongoDB
  • Tailwind CSS
  • Node.js
  • Express
  • Vercel

Sheet 04

Side projects