Skip to content

fig. 00index

Open to new opportunities

Bengaluru --:-- IST

MayankPanchal

Lead Software Engineer, building scalable frontends

Next.js · FastAPI · PostgreSQL · Docker · AWS

Five years turning product ideas into fast, accessible, production-grade software — and growing the engineers who build it.

fig. 00.2 — architecture · live
Next.jsReact 19 · RSCNginxTLS · gzipFastAPIasync · pydanticCeleryjobs · queuesPostgreSQLSQLAlchemyRediscache · brokerCI/CDGitHub Actions

Hover a node — this is the shape of most things I ship.

$ GET /api/v1/projects 200 14ms

$ POST /api/v1/auth/token 201 38ms

$ GET /api/v1/workspaces/42 200 9ms (cache hit)

fig. 00.3how I work

  • Schema → API → UI → container → production URL
  • 15+ products led end to end, one engineering bar
  • Core Web Vitals and bundle budgets set on day one

fig. 01the footprint

Projects led end-to-end01

15+

Years in the industry02

5

Faster load times shipped03

40%

Production uptime04

99.9%

fig. 02selected work

09 entries

Things I’ve shipped.

Products and platforms across SaaS, events, manufacturing and travel — designed, built and run end to end.

Every entry has a case study — the brief, the stack, and what shipped.

All projects →

Fewer handoffs,
more shipping.

End to end

Schema to
production.

fig. 03how I lead

I’m a lead engineer who owns the whole line — the schema, the async API, the type-safe UI, the container and the deploy. Five years, fifteen-plus products, one engineering bar.

The longer version ↗

Principles, not process.

Lead engineers are force multipliers. This is the playbook I run teams on.

01/ 04

Lead by shipping

Set the bar in the diff, not the deck. Pair, review, unblock - then get out of the way.

02/ 04

Own it end-to-end

Schema → API → UI → container → prod URL. Clear ownership beats clever process.

03/ 04

Performance is a feature

Core Web Vitals, bundle budgets, async-first APIs, cached queries - budgets set on day one.

04/ 04

Human-in-the-loop AI

AI speeds up the boring parts. I still read the diff, run the tests, and own the outcome.

Team
Frontend engineers, mentored through the full delivery cycle
Process
Code review, CI/CD, design-system and a11y baselines
Outcome
15+ products shipped on a shared engineering bar

fig. 04toolkit

What I reach for, daily.

Grounded in Python and TypeScript, with enough infrastructure and AI tooling to own a feature from schema to production URL. The core marks are what most of the shipped work stands on.

Disciplines
6
Tools
47
Core stack
7

All disciplinesHover a discipline to isolate it — click to pin.

47 / 47 tools

  • 1.01corePython
  • 1.02JavaScriptES6+
  • 1.03coreTypeScript
  • 1.04HTML5
  • 1.05CSS3
  • 1.06SCSS
  • 2.01coreFastAPI
  • 2.02Pydantic
  • 2.03SQLAlchemy
  • 2.04Node.js
  • 2.05Express.js
  • 2.06REST APIs
  • 2.07GraphQL
  • 2.08JWT Authentication
  • 2.09Celery
  • 2.10WebSockets
  • 3.01coreNext.jsApp Router
  • 3.02coreReact.js
  • 3.03Redux
  • 3.04Zustand
  • 3.05Context API
  • 3.06Tailwind CSS
  • 3.07GSAP
  • 4.01corePostgreSQL
  • 4.02Redis
  • 4.03coreDocker
  • 4.04Docker Compose
  • 4.05Nginx
  • 4.06AWS EC2
  • 4.07AWS S3
  • 4.08GitHub ActionsCI/CD
  • 5.01Cursor
  • 5.02Claude Code
  • 5.03Devinformerly Windsurf
  • 5.04Kiro
  • 5.05Antigravity
  • 5.06GitHub Copilot
  • 5.07ChatGPT
  • 5.08Ollama
  • 6.01Git
  • 6.02GitHub
  • 6.03Webpack
  • 6.04Vite
  • 6.05Postman
  • 6.06Vercel
  • 6.07Linux
  • 6.08Linear

Beyond the tools

How the code is organized, and how it ships.

Architecture

How the code is organized.

  • Component-Driven Development
  • Micro-Frontend
  • Responsive Design
  • Performance Optimization

Practices

How the work gets shipped.

  • Agile / Scrum
  • Code Review
  • Technical Documentation
  • Team Mentorship
  • Cross-functional Collaboration

fig. 05career

Associate to Lead, one team.

From translating Figma files to setting technical strategy for 15+ products — each step earned by shipping.

  1. L1 · Feb 2022 – Apr 2023

    Bengaluru, Karnataka, India

    Associate Software Engineer

    Screen Interactiv (Screetract OPC)

    Built responsive web applications with React.js, Next.js, and Tailwind CSS - translating Figma designs into pixel-perfect UIs. Shipped reusable components, tuned state management with Redux and Context API, and collaborated across teams on accessibility and SEO.

    • React
    • Next.js
    • Tailwind CSS
    • Redux
    • Context API
    • Figma
  2. L2 · Apr 2023 – Nov 2023

    Bengaluru, Karnataka, India

    Software Engineer

    Screen Interactiv (Screetract OPC)

    Took full ownership of UI modules, honing expertise in component-driven development and frontend performance. Worked in TypeScript, hardened cross-browser compatibility, and supported backend integration with Node.js and Express.js for seamless user experiences.

    • React
    • TypeScript
    • Redux Toolkit
    • TanStack Query
    • Node.js
    • Express.js
    • REST APIs
  3. L3 · Nov 2023 – Aug 2024

    Bengaluru, Karnataka, India

    Senior Software Engineer

    Screen Interactiv (Screetract OPC)

    Led UI revamps and mentored junior developers on frontend best practices, performance optimization, and scalable component architecture. Used TypeScript, Redux Toolkit, and advanced memoization to improve web-app stability and efficiency.

    • React
    • Next.js
    • TypeScript
    • FastAPI
    • PostgreSQL
    • Redux Toolkit
    • TanStack Query
    • Docker
  4. L4 · Aug 2024 – Nov 2025

    Bengaluru, India

    Lead Software Engineer

    Screen Interactiv (Screetract OPC)

    Owned end-to-end delivery of enterprise-scale, user-focused web applications. Set technical strategy, rolled out a shared design system for UI consistency, and drove team-wide adoption of modern state management, performance techniques, and accessibility + SEO standards across products.

    • Next.js
    • React
    • TypeScript
    • Python
    • FastAPI
    • PostgreSQL
    • SQLAlchemy
    • Redis

L0 · Aug 2018 – Aug 2022

Bachelor of Technology, Computer Science

Shobhit University · Gangoh, India