Software Engineer · Building production systems
npm author · react-vertical-stepers

Hi, I'm Pranay Surve

|

This is my personal developer portfolio — a showcase of the systems I engineer in production: fintech platforms with 140+ integrations, enterprise reconciliation tools, and mobile apps on Play Store & App Store. I also maintain open-source React libraries on npm and explore AI to build smarter, more reliable software.

React & Next.jsNode.js & SQLMobile (Ionic)Open SourceAI-Assisted Development

Trusted stack for production systems

React & Next.jsTypeScriptNode.js & SQLFintech PlatformsApp Store & Play Storenpm Published AuthorOpen SourceAI-Assisted DevelopmentEnterprise SystemsFull Stack DeliveryReact & Next.jsTypeScriptNode.js & SQLFintech PlatformsApp Store & Play Storenpm Published AuthorOpen SourceAI-Assisted DevelopmentEnterprise SystemsFull Stack Delivery

140+

Lending Partners Integrated

OneAndro fintech platform

100+

Clients Served

Visualytes digital agency

Live Apps

Play Store & App Store

Production mobile products

107+

Weekly npm Downloads

react-vertical-stepers · v2.0.3

About

The Developer Behind The Products

I'm Pranay Surve, a Software Engineer based in Mumbai, India. I build digital products that solve real-world problems — from enterprise fintech platforms to consumer mobile apps and open-source developer tools.

My work spans the entire product lifecycle: understanding requirements, architecting scalable systems, writing production code, and shipping to App Store, Play Store, and the web. I've integrated 140+ lending partners, served 100+ agency clients, and published libraries on npm.

In the AI era, I actively use AI in my engineering work and keep learning new tools — while also helping teammates use AI practically in day-to-day delivery.

Focus areas

Full Stack EngineeringMobile AppsOpen SourceFintech SystemsAI-Assisted DevelopmentSystem Design

End-to-End Ownership

From database schema to pixel-perfect UI — I own the full stack and deliver cohesive products, not fragmented pieces.

Engineering Excellence

TypeScript, clean architecture, reusable components, and patterns that scale with your team and codebase.

Business-Aligned Delivery

I've worked across fintech, digital agencies, and SaaS — translating business goals into software that actually ships.

Performance & Reliability

Fast load times, optimized queries, and systems built to handle real traffic — because users and stakeholders notice.

Engineering approach

Built for Real Impact

Principles that guide how I build software — in professional work, side projects, and open-source contributions.

Ships to Production

Not just demos — I've built and deployed fintech apps, reconciliation systems, and platforms used by real users every day.

Open Source Contributor

Published react-vertical-stepers on npm — a production-ready React stepper library with nested accordion steps, used in onboarding & wizard flows.

AI-Era Engineer

Actively using AI in full stack development and helping teammates adopt practical AI workflows — learning continuously without diving into LLM or data-science engineering.

Enterprise-Grade Quality

Clean architecture, maintainable code, role-based systems, audit trails, and scalable SQL backends — built for teams that can't afford downtime.

Problem-First Mindset

I don't just write code — I understand the business problem, design the right solution, and deliver outcomes that move metrics.

Collaborative by Nature

Clear communication, reliable delivery, and a team-first approach. I work best when engineering goals are shared and transparent.

Professional Journey

Real Work. Real Impact.

A selection of work I'm permitted to share publicly — production systems, agency delivery, and open source. It represents a part of my journey, not the full picture.

Professional · Production Systems

Full Stack Developer

OneAndro (Fintech)

  • Built OneAndro mobile app — live on Play Store & App Store with 140+ lending partner integrations
  • Architected Intelligent Reconciliation System (IRS) for daily financial operations & audit trails
  • Delivered role-based dashboards, hierarchical workflows, and real-time loan approval pipelines
Ionic ReactNode.jsSQLFintech

Multi-Client Delivery

Full Stack Developer & Agency Lead

Visualytes Digital Agency

  • Shipped web & mobile solutions for 100+ clients across industries
  • Owned end-to-end delivery: requirements, architecture, development, and deployment
  • Built agency platform with portfolio, case studies, and client booking systems
ReactWordPressPHPMobile

Developer Ecosystem

Open Source Author

npm · react-vertical-stepers

  • Published & maintain react-vertical-stepers — used in onboarding & wizard flows worldwide
  • 107+ weekly npm downloads · React 18 & 19 compatible · v2.0.3
  • Demonstrates ability to design reusable APIs, write docs, and ship developer tools
ReactTypeScriptRollupnpm

More work, responsibly shared

I've shipped additional production systems for employers and clients that aren't listed here — protected by NDAs, confidentiality agreements, and standard workplace policies. That's normal for enterprise and product engineering, not a gap in experience.

What appears on this site is work I'm cleared to discuss openly. I take confidentiality seriously and only share what I'm allowed to.

Tech Stack

Skills That Deliver Results

A battle-tested stack spanning frontend, backend, mobile, and AI — chosen for real production environments, not tutorials.

Frontend

Modern, responsive UIs

ReactNext.jsTypeScriptTailwind CSSIonic ReactAnt Design

Backend

Scalable server-side systems

Node.jsExpressREST APIsSQLMongoDBPostgreSQL

AI & Tools

Learning, using & sharing with the team

AI-Assisted DevelopmentCursor & AI Coding ToolsPrompting for UI WorkTeam AI AdoptionContinuous LearningSmarter Workflows

Mobile & DevOps

Ship anywhere, reliably

Ionic / CapacitorApp Store DeployPlay Store DeployGit & GitHubDockerAWS Basics
AI-Powered Engineering

Building Smart in the AI Era

I'm not an LLM or data-science engineer — I'm a full stack engineer who actively uses AI every day, keeps learning, and helps teams get real value from AI tools in day-to-day delivery.

How I lead with AI

Practical · full stack · team-focused

  • Use AI daily across full stack work — UI, APIs, and shipping features end to end
  • Learn new AI tools actively and apply what actually saves time
  • Help teammates and leads adopt AI with clear, practical guidance
  • Focus on delivery quality — AI speeds me up, engineering standards stay high

“You don't need to build LLMs to be valuable in the AI era — using AI well in engineering and helping your team do the same is a real leadership skill.”

AI in Daily Engineering

I actively use AI coding assistants across my full stack work — especially React, Next.js, and UI — building faster, debugging quicker, and shipping polished products with less friction.

Practical AI Workflows

From UI layout to refactors, API wiring, and accessibility fixes — AI is part of how I ship code every day, not a separate ML side project.

Helping Teams Adopt AI

I guide teammates on practical AI usage — what works in real delivery, how to prompt effectively, and how to use AI without compromising code quality.

Always Learning

The AI landscape moves fast. I stay curious, try new tools, and keep improving how I work — so I can bring fresh, useful practices back to the team.

Open Source

I Build Tools Developers Use

Not every developer ships libraries to npm. I do — because I care about the ecosystem and solving problems at scale.

npm package · v2.0.3

react-vertical-stepers

A customizable React component library for building vertical steppers with nested, collapsible steps and active/completed/waiting states. Built-in light, dark, and auto themes — ideal for onboarding flows, multi-step forms, and wizard-style interfaces.

Vertical stepper with nested accordion steps
Active, completed & waiting step states
Light, dark & auto theme support
CSS variable theming — zero conflicts
React 18 & 19 compatible
Zero runtime dependencies (lightweight)

Published by Pranay Surve · ISC License · 107+ weekly downloads · v2.0.3

react-vertical-stepers — light theme demoreact-vertical-stepers — dark theme demo

Portfolio

Projects That Prove It

Production systems, published libraries, and real products — not just side-project mockups.

OneAndro: Loans & Insurance
Featured

Fintech · Mobile

OneAndro: Loans & Insurance

A comprehensive fintech mobile platform connecting agents with 140+ lending partners. Features customer onboarding, loan applications, role-based dashboards with hierarchical workflows, and real-time approvals.

Live on Play Store & App Store · 140+ partner integrations

Ionic ReactNode.jsSQLTailwind
Intelligent Reconciliation System
Featured

Fintech · Web Platform

Intelligent Reconciliation System

An advanced financial reconciliation platform automating data matching, estimation, and subvention calculations. Features intelligent Excel processing, discrepancy detection, bulk merge operations, and audit trails.

Enterprise-grade · Used for daily financial operations

ReactNode.jsSQLAnt DesignTailwind
react-vertical-stepers
Featured

Open Source · npm

react-vertical-stepers

Open-source React library on npm for vertical steppers with nested accordion steps, light/dark/auto themes, and CSS variable theming. Used in onboarding flows, multi-step forms, and wizard interfaces.

npm v2.0.3 · 107+ weekly downloads · Open source

ReactTypeScriptRollupnpm

More Projects

Visualytes - Digital Agency

Agency · Web

Visualytes - Digital Agency

A full-service digital agency platform offering web development, mobile apps, SEO, and branding. Dynamic portfolio, client testimonials, case studies, and booking for 100+ clients.

React Todo App

Web App

React Todo App

A clean task management app with add, edit, delete, completion tracking, and local storage persistence. Built as a polished personal productivity tool with responsive design.

Thanks for visiting my portfolio

If my work resonates with you — whether it's a project here, my open-source library, or something we could explore together — feel free to reach out. Always happy to connect with fellow engineers.

Connect

Let's Connect

Reach out via email or find me on GitHub and LinkedIn.

About this portfolio

  • Production apps on App Store, Play Store & enterprise web
  • npm library author — react-vertical-stepers v2.0.3 (107+ weekly downloads)
  • Full stack: React, Next.js, Node.js, SQL, Mobile (Ionic)
  • Exploring AI to improve engineering workflows & help teams adopt AI tools

This site is my personal developer portfolio — a place to share what I build, contribute to open source, and document my engineering journey. Views expressed here are my own.