RK
Rajesh Kannan AFrontend Engineer
SENIOR FRONTEND ENGINEER · REACT.JS · NEXT.JS · TYPESCRIPT
Senior Software Engineer · LTM

Rajesh Kannan A

Frontend Engineer

4+ years of experience building scalable real-time dashboards, GPS telematics, enterprise UI design systems, and high-performance web applications serving 15,000+ active users.

Coimbatore, Tamil Nadu, India
Explore Production Projects
Download Resume
LinkedIn
GitHub
rajesshkannan.a@gmail.com
rajesh-engineering-console
SYSTEM OPERATIONAL
Telemetry Packets

15,576

Stream Latency

12 ms

UI Rendering

60 FPS

Active WebSocket Channel
wss://telematics.live
Teltonika GPS Unit #502 Ping OK10ms
Omnicomm Fuel Sensor Stream (+20L)14ms
QR Student Roster Sync Completed8ms
Zero Packet Loss
Target Architecture:Scalable Modular Micro-FrontendsFully Interactive
SYSTEM OPERATIONAL
React 19 / Turbopack
Lighthouse Vitals: 99+
4+

Years of Experience

Frontend & Web Architecture

15K+

Students & Parents

Served by Real-Time Tracking

500+

GPS Units Integrated

Fleet Telematics & Sensors

200+

Employees Supported

Via Route Optimization

5+

Corporate Clients

Including Major Enterprise MNC

About Engineering Philosophy

Engineering with a product mindset.

I turn complex operational requirements into reliable, intuitive interfaces that people can actually use. Rather than writing isolated React code, I focus on the complete frontend lifecycle — from data ingestion to smooth rendering.

Current Focus

Senior Software Engineer

LTM·Coimbatore, India

Active

Component Architecture

Atomic design & reusable systems

Real-time Telematics

WebSocket GPS streams & sensor data

State & Data Management

Redux Toolkit, Zustand, TanStack Query

Enterprise Dashboards

Complex workflow UIs & dynamic forms

Signature Engineering Domain

Interfaces for Complex Systems

Select a domain below to explore operational workflows, real-time telemetry requirements, and frontend challenges.

Fleet Telematics & Tracking

Real-Time Telematics & Fuel Monitoring

Target End Users

Fleet Managers, Dispatchers, Logistics Leads

Main Operational Workflow

Live vehicle position tracking -> Teltonika & Omnicomm sensor data ingestion -> Fuel drain & refueling event alerts -> Trip history scrubber.

Real-time Requirements

WebSocket connection, 5-second interval location streaming, low-latency telemetry UI updates.

Frontend Engineering Challenge

Handling thousands of telemetry events without freezing map markers or trigger unnecessary React component re-renders.

Key Tech Stack
React.js
Redux Toolkit
WebSockets
Leaflet
Tailwind CSS
Featured Portfolio Systems

Production Systems &
Real-World Applications

Production web platforms engineered with React.js, Next.js, and TypeScript — transforming complex operational requirements into intuitive UI architectures.

Full-Stack E-Commerce & Admin PortalLIVE DEMO

Sri Arumugam Pyro Park - Crackers Shop E-Commerce & Admin

A production e-commerce store and admin management portal built for a premier crackers shop featuring live product catalog, cart management, dynamic pricing, and WhatsApp orders.

Sri Arumugam Pyro ParkE-Commerce & Admin Portal
Live Site
Cart (3)
Sparklers50% OFF

10 cm Electric Sparklers

₹120
Chakkars50% OFF

Ground Chakkars (10 Pcs)

₹180
WhatsApp Order Booking & Invoice Generator
Enabled
Next.jsReact.jsTypeScriptTailwind CSS
Live production store deployed on Vercel; automated WhatsApp order booking & integrated admin inventory portal
Real-time Fleet Intelligence

Vehicle Tracking System

A real-time GPS tracking platform using Teltonika GPS devices and Omnicomm fuel sensors to monitor vehicle fleets.

Telemetry Stream (500+ GPS Assets)
Coimbatore Sector 4 Vector MapTeltonika Active
Lat: 11.0168° NSpeed: 54 km/h
ACTIVE ASSETTN-38-AX-1024Driver: Ramesh Kumar
Omnicomm Fuel: 78%
React.jsRedux ToolkitWebSocketsREST APIs
500+ GPS units & 50+ fuel sensors integrated; reduced fuel costs by ~15%
Safety & Mobility Platform

Student Tracking & Attender App

A real-time student tracking platform used by 15,000+ students and parents with instant QR attendance.

15,000+ Student Tracking Engine
WebSocket Active
Parent Bus Tracker
Bus Arriving in 4 mins (ETA)
Parent SMS & Push Alert
Attender QR Roster
Roster: 48/50 Boarded
Attendance Errors Reduced:~30% Error Reduction
React.jsNext.jsReact NativeWebSockets
15,000+ active users; QR attendance reduced manual errors by ~30%
Enterprise Transportation

Cab & Route Assignment System

A transportation management platform for corporate clients featuring route optimization and live driver navigation.

Enterprise Cab Allocation Pipeline
~20% Utilization Boost
Step 01Shift Roster200+ Uploads
Step 02Route ClusteringMulti-stop
Step 03Cab AllocSeating Match
Step 04Driver AppLive Turn ETA
Route Clustering Engine-24 mins / cab

Groups employee pickup coordinates by proximity, reducing overall route duration.

React.jsTypeScriptReact NativeREST APIs
200+ employees optimized; 20% vehicle utilization boost; 5 corporate clients & 1 major MNC
Enterprise Workflow Platform

Compliance Management Solution

A configurable compliance management platform for enterprise regulatory and operational workflows.

Configurable Compliance Engine
100% Audit-Ready
JSON Schema Builder
Form Rule: Document Expiry Validation
Workflow: notify(manager)
Compliance Score98.4%Audit Trail Verified
Dynamic Form Engine:React Hook Form + Zod
React.jsTypeScriptReact Hook FormZod
100% dynamic form generation; automated document expiry alerts & audit trail history
Enterprise HR Platform

HRM & Timesheet Management System

An enterprise HR and timesheet management platform tracking employee onboarding, project effort, and shift approvals.

HRM & Timesheet Effort Matrix
Zustand Grid State
ProjectMonTueWedTotal
PRJ-TELEMATICS8h8h8h40h
PRJ-COMPLIANCE4h4h2h18h
Timesheet Accuracy:100% Billing Accuracy
Next.jsReact.jsTypeScriptZustand
Streamlined employee onboarding; automated leave & project effort tracking for multi-tier teams
Career History & Roles

Professional Experience

4+ years of building enterprise real-time telematics dashboards, complex data visualizations, and high-performance React/Next.js architectures.

LTM

Senior Software Engineer

May 2026 — PresentCoimbatore, Tamil Nadu, India
  • Spearheading scalable frontend architecture and engineering standards for enterprise web platforms.
  • Developing modern, high-performance UI systems using React.js, Next.js, and TypeScript.
Techgenzi Private Limited

React Developer

September 2022 — March 2026Coimbatore, Tamil Nadu, India
  • Engineered real-time vehicle tracking platform integrating Teltonika GPS & Omnicomm fuel sensors (500+ units, ~15% fuel cost reduction).
  • Built Student Tracking platform serving 15,000+ students and parents with instant QR attendance (~30% error reduction).
  • Developed Cab & Route Assignment System optimizing transport for 200+ employees across 5 corporate clients & 1 major MNC (~20% utilization boost).
  • Architected Configurable Compliance Management System featuring dynamic JSON form engine with React Hook Form & Zod.
  • Created HRM & Timesheet System for workforce onboarding, leave management, and project effort tracking.
  • Contributed to React Native mobile applications for driver navigation and attender scanning.
Techgenzi Private Limited

Software Developer Intern

March 2022 — August 2022Coimbatore, Tamil Nadu, India
  • Assisted in developing core React UI components, responsive layout systems, and REST API integration routines.
  • Gained hands-on expertise in state management, cross-browser compatibility, and modern JavaScript ES6+ patterns.
Engineering Pillars

Core Engineering Strengths

A modular bento grid showcasing specialized capabilities in real-time UI, state architecture, and web performance.

Real-Time Systems & WebSockets

Specialized in building low-latency telemetry streaming dashboards, vehicle GPS map tracking, and instant QR attendance notifications.

WebSocket Listener500+ Assets

Strict TypeScript Contracts

End-to-end type safety with generics, strict schema validation (Zod), and robust contract interfaces.

interface SystemState <T>

React & Next.js Architecture

Clean feature-based directory structure, Server-Side Rendering (SSR), SSG, custom hooks, and state management.

App RouterRedux ToolkitZustand

Performance & Web Vitals

Code splitting, lazy loading, image optimization, tree shaking, and Lighthouse 90+ tuning for instant page loads.

Lighthouse 95+
60 FPS Render
Developer Engineering Terminal

Technical Arsenal CLI

Click any command chip or type in the CLI prompt to run live diagnostics across all 35 engineering capabilities.

rajesh@engineering-cli:~ (zsh)
ONLINEv19.4.0
// CLICK COMMAND TO RUN DIAGNOSTICS:35 Commands Available
$rajesh-cli
Frontend Core & UI

React.js

Proficiency Level98% (Mastery Stack)
// Production Deployment Impact

Sri Arumugam E-Commerce & Real-Time Dashboards

// Key Technical Capabilities
  • Server-Side Rendering (SSR) & Static Site Generation (SSG)
  • App Router layout nesting & parallel routes
  • Custom hooks & optimized state re-render scoping
Live Code Pattern Preview
// Next.js App Router & React 19 Server Components
export default async function CatalogPage() {
  const products = await fetchProductCatalog();
  return <ProductGrid data={products} />;
}
Engine: Node v20.x / Next.js 16100% Type Safe
Frontend Architecture Thinking

From Requirement to Interface

How data flows seamlessly from raw IoT sensors and APIs down into predictable client state and high-performance UI components.

LAYER 01

UI Layer

React.js / Next.js / Tailwind CSS

Component rendering, micro-frontends, responsive layouts, 60fps animations.

LAYER 02

State & Caching Layer

Redux Toolkit / Zustand / TanStack Query

Client state normalization, optimistic updates, query caching, telemetry batching.

LAYER 03

API & Realtime Layer

REST APIs / WebSockets / tRPC

High-frequency telemetry streams, auto-reconnecting socket listeners, payload serialization.

LAYER 04

Services & IoT Hardware

Teltonika GPS / Omnicomm Fuel Sensors / Backends

Raw telematics data emission, GPS coordinate calculation, server events.

Product Principles

How I Build

Four core engineering tenets that guide software design, UI component modularity, and operational reliability.

01Build for Maintainability

Reusable component systems, predictable state boundaries, and clean TypeScript interfaces ensure the codebase remains maintainable as product scope scales.

02Performance is a Feature

Optimized rendering, intelligent code splitting, lazy loading, and minimal bundle sizes deliver instant page loads and smooth 60fps user interactions.

03Complex Systems Need Simple Interfaces

High-density operational workflows, GPS telematics, and multi-step shift approvals are transformed into clean, intuitive UI design systems.

04Real-Time Should Feel Effortless

Reliable WebSockets, automatic state reconnects, and optimistic UI updates ensure live data streaming feels crisp, reliable, and instantaneous.

Academic Background

Education & Credentials

Bachelor of Engineering (B.E.) in Electronics and Communication Engineering

PSR Engineering College

2018 — 2022CGPA: 8 / 10
Get in Touch

Have a complex frontend problem?

I'm interested in building scalable products, real-time interfaces, and thoughtful frontend systems.

Direct Emailrajesshkannan.a@gmail.com