Ankit Tiwari - SDE-2 Frontend Developer | React & Web Performance Expert

About Me

Hi! I'm Ankit Tiwari, an SDE-2 (Frontend) at Flipkart with 3+ years of experience building high-performance web applications. I specialize in React, Next.js, and web performance optimization, with a proven track record of improving core web vitals and business metrics.

At Flipkart, I've achieved significant results: increased NC conversion by 60bps, RX conversion by 55bps, reduced bounce rate by 4%, improved CLS scores from 0.5 to 0.2, LCP from 1.6 to 1.3, and reduced CDN costs by 50%. I'm passionate about building performant, scalable, and maintainable code that delivers exceptional user experiences.

🎓 Teaching Engineering Students: I'm deeply passionate about mentoring and teaching web development to engineering students. Through comprehensive tutorials, interactive demos, and hands-on projects, I help students master modern web technologies including React, JavaScript, web performance, and full-stack development. My teaching resources have helped thousands of students build real-world skills.

I'm a two-time hackathon winner at Flipkart, reaching ~293k people on Stack Overflow with 100+ reputation, and an active contributor to the developer community through my technical blogs and case studies where I share real-world problem solving and debugging experiences.

50+

Projects Completed

15+

Technologies Mastered

100+

Performance Optimizations

25+

Learning Resources Created

Technical Blogs & Case Studies

Real-world problem solving, debugging stories, and technical deep dives from my development experience.

🧭

DNS Debugging Deep Dive

Real-world DNS troubleshooting case study: When my website worked on mobile but not Wi-Fi. Complete debugging process with nslookup, traceroute, and performance analysis.

DNS Debugging Network Performance SERVFAIL

Read Case Study

🚄

IRCTC Auto-fill Passenger Details

JavaScript automation script to auto-fill passenger details on IRCTC booking page. Saves time during train ticket booking with pre-filled passenger information.

JavaScript Automation DOM Manipulation User Script

View Script

📄

Why DOCTYPE HTML Declaration Matters

Understanding the importance of DOCTYPE declaration in HTML documents and its impact on browser rendering modes. Learn about quirks mode vs standards mode.

HTML DOCTYPE Browser Rendering Standards

Read Article

Featured Projects & Learning Resources

Explore my comprehensive collection of projects, tutorials, and technical resources covering modern web development.

💰

MoneyTracker PWA

Personal expenditure tracking PWA with real-time balance tracking, daily expenditure analysis, and offline support. Track your spending without checking your bank accounts!

React Redux TypeScript Express MongoDB PWA

Live Demo Source Code

💪

BOLT Gym Management

Digital attendance and membership management system for gyms. Replaces manual register entries with automated tracking, fee reminders, and membership renewals.

React Redux Express MongoDB PWA

Live Demo Source Code

⚛️

React Mastery Series

Complete interactive learning series covering React fundamentals, Virtual DOM, and Reconciliation with live demos and hands-on examples.

React Virtual DOM Interactive Tutorials JavaScript

Why React? Virtual DOM Reconciliation

⚡

Web Performance Optimization

Comprehensive guides and tools for Core Web Vitals, FCP, LCP, TTFB optimization with real-world case studies and interactive demos.

Core Web Vitals Performance FCP LCP TTFB

FCP Guide LCP Guide TTFB Guide

🔍

SEO Mastery Suite

Complete SEO toolkit with interactive demos, performance analyzers, and comprehensive guides for modern search engine optimization.

SEO Analytics Tools Performance

Complete Guide SEO Tools

📄

Advanced Pagination Systems

Multiple pagination implementations including infinite scroll, virtualized lists, and load-more patterns with performance comparisons.

Pagination Infinite Scroll Virtualization Performance

Guide Live Demos

💻

Frontend Concepts Hub

Comprehensive collection of frontend concepts, interview questions, and practical examples covering CSS, HTML, JavaScript, and React.

CSS HTML JavaScript Interview Prep

Concepts Examples

🎮

Interactive Web Demos

Collection of interactive demos showcasing various web technologies including modal UIs, progress bars, infinite scrolling, and more.

Interactive UI Components Demos JavaScript

Modal UI Infinite Scroll Progress Bar

📚

Developer Learning Hub

Curated learning resources including Git workflows, VS Code shortcuts, deployment guides, and best practices for modern development.

Git VS Code Deployment Best Practices

Learning Hub Technical Blogs

🧪

Performance Testing Lab

Advanced performance testing tools and techniques including DNS optimization, caching strategies, and network performance analysis.

DNS Caching Network Testing

DNS Analysis TTFB Testing

🔄

Modern Rendering Patterns

Complete 45-minute deep dive into CSR, SSR, SSG, and API Hooks with interactive demos, performance comparisons, and best practices.

CSR SSR SSG API Hooks Next.js

Complete Guide CSR Deep Dive

Technical Skills

My expertise spans across modern web technologies, performance optimization, and developer tools.

Frontend Development

React.js Next.js JavaScript (ES6+) TypeScript Redux HTML5 CSS3 Sass/SCSS Styled Components React Native

Web Performance & SEO

Web Performance ⭐ Core Web Vitals (CLS, LCP, INP) SEO Optimization ⭐ SSR (Server-Side Rendering) Bundle Optimization Code Splitting CDN Optimization Lighthouse Audits

Backend & Tools

Node.js Express.js MongoDB Mongoose GraphQL NestJS Webpack 5 Service Workers IndexedDB

Key Achievements

NC Conversion +60bps at Flipkart Bounce Rate -4% CLS: 0.5 → 0.2 LCP: 1.6s → 1.3s CDN Cost -50% 2x Flipkart Hackathon Winner 293K+ Reach on Stack Overflow AWS Certified

SDE-2 (Frontend) @Flipkart | Web Performance Expert | Educator

Building Performant Web Apps & Teaching Engineering Students