Skip to content

fig. AAbout

Bengaluru--:-- IST

Mayank Panchal: a lead engineer who ships end to end - with AI as a tool, not a shortcut.

I lead teams and ship production systems end-to-end - Next.js on top, FastAPI + PostgreSQL underneath.

Biography

Lead Software Engineer based in Bengaluru with 5 years of experience shipping production web applications end-to-end. Comfortable owning a feature all the way through - from PostgreSQL schema, to async FastAPI + Pydantic APIs, to a type-safe Next.js UI, to a Docker container on AWS EC2 behind Nginx.
On the frontend I build with Next.js (App Router), React.js, TypeScript, and Tailwind - with deep experience in state (Redux, Zustand, Context) and performance work (Core Web Vitals up ~30% via lazy loading, code splitting, memoization, bundle work). On the backend I design async REST APIs with FastAPI + Pydantic + SQLAlchemy, secured with JWT and role-based access control, backed by PostgreSQL and Redis, with Celery for background jobs and WebSockets for real-time surfaces.
At Screetract Solutions I've grown from Associate to Lead Software Engineer across 15+ shipped projects - reusable Tailwind + Next.js component libraries that cut feature time ~25%, containerized full-stack apps deployed via GitHub Actions to AWS, and a mentoring role across code reviews and architecture calls.
I lean heavily on AI-augmented workflows - Cursor, Claude Code, Devin (Windsurf), Kiro, Antigravity, Copilot, ChatGPT, Ollama - for implementation, debugging, refactoring, documentation, and code review. AI is a force multiplier, not a substitute for engineering judgement; I verify what it produces and keep humans in the loop.
Outside client work I've solved 350+ DSA problems on LeetCode and HackerRank, and I spend time exploring new AI dev tools as they land.

fig. A.1principles

  1. 01 / 04

    Lead by shipping

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

  2. 02 / 04

    Own it end-to-end

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

  3. 03 / 04

    Performance is a feature

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

  4. 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.

fig. A.2career

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

    14 mo

    Associate Software Engineer

    Screen Interactiv (Screetract OPC) · Bengaluru, Karnataka, India

    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.

    • Delivered 5+ successful projects focused on UI performance and accessibility.
    • Applied code splitting and lazy loading to accelerate first paint and interaction.
    • Translated Figma designs into pixel-perfect production UIs at scale.
    • Fluent in HTML5, CSS3, JavaScript (ES6+), Git, Chrome DevTools, and Figma.
    • React
    • Next.js
    • Tailwind CSS
    • Redux
    • Context API
    • Figma
  2. L2 · Apr 2023 – Nov 2023

    7 mo

    Software Engineer

    Screen Interactiv (Screetract OPC) · Bengaluru, Karnataka, India

    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.

    • Contributed to 6+ key projects with a focus on user engagement and reliability.
    • Streamlined state management using Redux Toolkit and TanStack Query.
    • Coordinated with backend teams to build efficient, API-driven UIs.
    • Improved cross-browser and cross-device consistency across the app portfolio.
    • React
    • TypeScript
    • Redux Toolkit
    • TanStack Query
    • Node.js
    • Express.js
    • REST APIs
  3. L3 · Nov 2023 – Aug 2024

    9 mo

    Senior Software Engineer

    Screen Interactiv (Screetract OPC) · Bengaluru, Karnataka, India

    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.

    • Delivered high-impact initiatives across 7+ projects, lifting user engagement by ~25%.
    • Introduced structured code reviews and CI/CD practices, hardening code quality and team collaboration.
    • Cut application load times by up to ~40% through targeted performance optimization.
    • Mentored juniors on TypeScript, memoization strategy, and scalable component patterns.
    • React
    • Next.js
    • TypeScript
    • FastAPI
    • PostgreSQL
    • Redux Toolkit
    • TanStack Query
    • Docker
    • GitHub Actions
  4. L4 · Aug 2024 – Nov 2025

    15 mo

    Lead Software Engineer

    Screen Interactiv (Screetract OPC) · Bengaluru, India

    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.

    • Headed development for 15+ projects, leading a team of frontend engineers through the full delivery cycle.
    • Introduced Core Web Vitals monitoring and hit top industry benchmarks for speed on every shipped surface.
    • Ran regular code reviews and workshops - fostered continuous learning and raised the team's engineering bar.
    • Set technical strategy, standardized the design system, and enforced a11y + SEO baselines across the portfolio.
    • Next.js
    • React
    • TypeScript
    • Python
    • FastAPI
    • PostgreSQL
    • SQLAlchemy
    • Redis
    • Redux Toolkit
    • Zustand
    • TanStack Query
    • Tailwind CSS
    • Docker
    • AWS EC2
    • GitHub Actions
  5. L0 · Aug 2018 – Aug 2022

    before the climb

    Bachelor of Technology, Computer Science

    Shobhit University · Gangoh, India

fig. A.3toolkit

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. A.4contact

Let’s build something sharp.