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
fig. A.1principles
- 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.
fig. A.2career
Associate to Lead, one team.
From translating Figma files to setting technical strategy for 15+ products — each step earned by shipping.
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
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
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
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
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