Front-end engineering / Chennai, India

Pragatheeswaran Kasinathan.

Front-end engineer.
Builder of web products.

I turn complex workflows into useful web experiences. React, Next.js and TypeScript since 2019. Here’s a look at what I’ve been building.

Download résumé Explore the work

Pragatheeswaran Kasinathan — Currently atIdeas2ITTechnical Analyst · Chennai

01 / The project collection

A few things of my own.

VS — Varavu Selavu

A little clarity,
every day.

Income ↙ Expenses ↗Product illustration

01 / Personal finance / PWA

Hover to pause. Select a project for details.Scroll sideways to explore. Select a project for details.

VaravuSelavuPersonal finance / PWA

Income, expenses, commitments and savings goals—with shared household spaces and separate debt collection rooms.

Expenses & commitments
Shared households
Debt collection
Offline queue & CSV export

Built with JavaScript, Supabase Auth, PostgreSQL and an IndexedDB queue for offline changes. Personal, household and collection records stay in separate spaces. Commitment schedules distinguish planned payments from money already spent.

Open VaravuSelavu

The BorderBrowser game experiment

An Alice in Borderland-inspired web game exploring a cinematic arena, contestant views and sound controls.

Arena & contestant views
Stage perspectives
Sound controls

The screenshot shows the arena foundation. Contestants surround a central stage, with multiple viewing modes and optional sound. The game continues to evolve through development sprints.

Arena NightTournament management

A tournament workspace connecting player auctions, fixtures, standings and final results.

Auction room
Fixtures & standings
Tournament overview

Built around our family’s MK1 tournament. The auction room, match scheduling and points table make the competition easier to organise and follow.

02 / Open source

npm package v1.1.3

PragiString

I built pragi-string to handle the everyday formatting jobs: text, numbers and time. A small JavaScript package, made for the details that keep coming up.

View on npm ↗

npm install pragi-string

pragi-string / playgroundTry it

YOUR INPUT

Try a sentence

pragiString.titleCase(input, { trim: true })

THE RESULTHello From Pragi

Running the published package, right here in your browser.

03 / Professional experience

The work behind the résumé.

Teams, responsibilities and the interfaces I helped build.

Mar 2023 — Present

Ideas2IT

Senior Software Engineer → Technical Analyst

Front-end ownership across SPICE 2.0, MSCIQ and developer tooling, with a focus on scalable architecture and complex interfaces.

SPICE 2.0Healthcare / Front-end ownership

SPICE supports clinical and administrative workflows in low-resource settings. After contributing to SPICE 1.0, I took ownership of the SPICE 2.0 front-end redevelopment.

Re-architected and rebuilt the front end using modern React and reusable modules.
Introduced dynamic forms driven by FHIR-mapped JSON, allowing shared UI to support different workflows.
Audited deprecated dependencies and used React Testing Library to support maintainability.

React · TypeScript · FHIR · Redux-Saga · MUI

MSCIQFinTech / Enterprise interfaces

MSCIQ is a financial planning and analysis tool for finance teams working with data models. My focus was the spreadsheet-like experience and the structure behind it.

Built spreadsheet-like interfaces with React and Jspreadsheet for financial use cases.
Integrated nested datasets with MUI TreeView for clearer navigation.
Implemented modular state management with Zustand and reusable enterprise UI components.

React · TypeScript · Zustand · Jspreadsheet · Jest

LegacyLeapDeveloper tools / IDE extension

LegacyLeap is an AI-enhanced IDE extension for legacy code modernization. I worked on the interface that helps engineers compare transformations and inspect areas that need attention.

Developed a real-time code diff view comparing original code with suggested transformations.
Created an Impact View heatmap to visualize legacy hotspots.
Integrated the experience into VSCode using the Extension API, with attention to runtime performance.

TypeScript · VSCode Extension API · CSS Modules

Aug 2021 — Mar 2023

Techfully

Front-End Developer

Built assessment and learning experiences for Terv, including TensorFlow.js proctoring, a custom video player and PDF viewing. Developed JSON-driven forms for DocsAuth.

Jun 2019 — Jul 2021

Padink Engineering Service

Front-End Developer

Built project tracking, employee assignment and reporting interfaces for engineering teams working with CAD and SP3D workflows.

Read the full résumé

04 / About me

Behind the work.

I’m Pragatheeswaran Kasinathan, a front-end engineer based in Chennai. I enjoy turning complex workflows into interfaces people can understand.

My focus is reusable architecture, rendering performance and accessibility. I care about how a product works today—and how easily the next engineer can maintain it.

Everyday toolkit

React · Next.js · TypeScript · JavaScript
Tailwind CSS · MUI · Redux · Zustand

Engineering focus

Architecture · Performance · Accessibility
Jest · React Testing Library

Earlier experiments

Prebuilt Tailwind componentsA collection of navigation, menus and interface components for everyday projects.Month EndA simple application to estimate monthly expenses and plan ahead.SeranA website design exploration for an electric vehicle company, created in Adobe XD.

Have a role or a project in mind?

Let’s talk.

I’d be happy to hear what you’re working on.

pragatheespragi98@gmail.com

LinkedIn ↗GitHub ↗Résumé ↗