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

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

    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.

    • 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

    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.

    • 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

    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.

    • 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

    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.

    • 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

L0 · Aug 2018 – Aug 2022

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.

Start a conversation →