Hi there! I'm Yashpreet Bathla, a passionate Full Stack Engineer with a knack for building blazing-fast, beautiful, and scalable user interfaces. I specialize in React, TypeScript, and modern UI architecture.
I love clean code, scalable design systems, and driving meaningful product decisions.
A cutting-edge technology company focused on revolutionizing the way businesses operate. Our platform empowers organizations to streamline their operations and drive growth through innovative solutions.
- Tech Stack: React, TypeScript, Node.js, PostgreSQL
- Mission: To transform business operations through intelligent automation and data-driven insights
- Impact: Helping companies achieve 40%+ efficiency gains through our platform
The world's leading technology company, driving innovation across cloud computing, AI, and software development.
- Tech Stack: React, Redux, TypeScript, .NET
- Mission: To empower every person and every organization on the planet to achieve more
- Impact: Serving billions of users worldwide with cutting-edge technology solutions
📅 May 2022 – Aug 2022
- Designed and implemented notification system for job creation in CVAT
- Built scalable AWS infrastructure using CDK, SNS, and Lambda functions
- Integrated Slack and Chime bots for real-time job notifications
- Contributed to open-source CVAT platform development
Languages & Frameworks:
JavaScript TypeScript HTML5 CSS3 React Redux Tailwind Jest Cypress Node.js
Tooling & APIs:
REST GraphQL PostgreSQL OpenAPI Webpack Vite Cucumber Material UI Lighthouse
- 🎤 Speaker at React Nexus on SSR, CSR, and Server Components
Watch Talk - 🎙️ Delivered talk at Google DevFest Delhi:
"From Client to Server: But Why?" - 🥇 Superstar Engineer Award @ Tessell
- 🧠 Expert on Codeforces
- 🧮 529/11K+ in Google Kickstart 2020
- Server Components & the latest in React 19
- Optimizing Lighthouse scores for enterprise apps
- Open Source contributions in developer tooling
An MCP (Model Context Protocol) server that exposes Chrome's full ARIA accessibility tree to Claude Desktop — generate rock-solid, framework-agnostic test selectors in seconds using natural language.
Key Features:
- Connects Claude to a live Chrome tab via Chrome DevTools Protocol (CDP)
- Generates selectors for Playwright, Selenium, Cypress, and WebdriverIO from natural language
- 4-tier selector priority engine: test IDs → stable IDs → ARIA role+name → semantic CSS
- 8 MCP tools: connect, navigate, full AX tree, query, element properties, interactive elements, focused element, disconnect
A Chrome Extension (Manifest V3) that overlays a full-page ink canvas on any webpage. Draw, annotate, and save or copy a composited screenshot with your annotations.
Key Features:
- Freehand pen with smooth bézier strokes, rectangle, circle, arrow, and eraser
- Save / Copy — composites page screenshot + annotations into a single PNG
- Draggable, minimizable floating toolbar with 30-step undo
- Full keyboard shortcuts (Alt+Shift+A, Ctrl+Z, F/R/C/A/E)
A modern online judge platform leveraging the CodeChef API to provide a seamless and interactive coding experience.
Key Features:
- Responsive UI and syntax-highlighted code editor
- Secure authentication via CodeChef
- Real-time code execution with live output
- Contest discovery and problem-solving tools
A full-featured expense tracking and bill-splitting app built with React and Redux Toolkit for friends, roommates, or group travelers.
Key Features:
- Responsive UI with TailwindCSS and DaisyUI
- Group creation and profile photo uploads
- Split expenses with auto-calculated debts
- Real-time summaries and mobile-friendly design
The backend logic that powers the SplitUp Web App with robust APIs and real-time features.
Key Features:
- JWT-based secure authentication
- Group and user management with admin roles
- Real-time balance updates and notifications
- Clean RESTful APIs for expenses and summaries
A real-time networking platform for developers to connect and collaborate based on interests and skills – inspired by Tinder.
Key Features:
- Real-time profile swiping and matching
- Chat and connection via Socket.IO
- Skill-based filtering and notifications
- Email alerts and secure user management
The frontend for DevTinder – providing a sleek, interactive interface to explore and connect with developers.
Key Features:
- Tinder-style swiping for developers
- Real-time messaging and filtering
- Responsive UI with DaisyUI
- Profile editing and authentication
💌 yashpreetbathla@gmail.com
🌐 Portfolio
"Code is read more often than it is written — so make it beautiful." ✨