๐ Portfolio
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
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
๐ฐ SplitUp Backend
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
๐ DevTinder Web
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
๐ [email protected]
๐ Portfolio
"Code is read more often than it is written โ so make it beautiful." โจ