Sagar Panwar
Front-End Developer
About me
Frontend Developer with 3+ years of experience building scalable, type-safe applications using React and TypeScript. Payment Integration, Realtime Collaboration, Testing and Data analytics.
Techstack
React, Tailwind CSS, Tanstack Query, Vite, React Hook Forms, Zod (form validation), Redux
Frameworks
React, Tailwind CSS, Tanstack Query, Shadcn UI Library, Vite.js, Recharts (dashboard), Supabase, React Hook Form, Zod (form validation)
Experience
WebReinvent Technologies
10/2025 — PresentSoftware Engineer working on production-grade React codebases and testing infrastructure.
Lead the project - Migrate Enzyme test cases to RTL.
1. Enzyme to RTL Test Migration
Leading the migration of Enzyme test cases to React Testing Library (RTL) across a large-scale frontend codebase.
Key solutions applied:
- Analysed existing Enzyme test coverage and defined a phased migration strategy to RTL.
- Refactored component tests to focus on user behaviour instead of implementation details, improving maintainability.
- Standardised testing utilities and patterns for consistent mocks, renders, and assertions across the codebase.
Tech stack: React, TypeScript, React Testing Library, Jest
Key Management Group
04/2021 — 12/2024Software Engineer on insurance claim processing systems for Merchants Insurance Group.
Architected and maintained critical insurance claim processing systems serving thousands of users.
1. Insurance website development/maintenance
Worked on the internal Merchants Insurance Group website to manage their new quote creation and claim-filling flows.
Key solutions applied:
- Reduced runtime errors by implementation of TypeScript and Zod schema validation for claim filling process.
- Implemented form validation and state management based on various business logic like claim amount based on locations and pincode.
- Optimized API queries and data fetching with implementation of Tanstack Query.
Languages used: JavaScript, HTML/CSS, TypeScript, SQL
Tech stack: React, Tailwind CSS, Tanstack Query, Vite, React Hook Forms, Zod (form validation), Redux
Phable Health Care
02/2020 — 10/2020Associate Engineer focused on prescription upload and patient-facing portals.
Led UI/UX design and front-end development for a critical prescription upload portal.
1. Prescription Upload Portal
Built accessible, intuitive flows for uploading and managing prescriptions in a healthcare environment.
Key solutions applied:
- Optimized the PDF submission workflow, focusing on accessibility and intuitive design.
Tech stack: React, TypeScript, HTML/CSS
Personal Projects
A full-stack Next.js + React parcel booking and tracking app with glassmorphism UI, smooth animations, and dark/light mode.
Key solutions applied:
- Designed mobile-first responsive layouts and clean UX flows (stepper checkout, address search, tracking views) optimized for clarity and conversion.
- Integrated Razorpay for real payments and Google Maps API for address lookup and location context.
- Achieved strong performance and accessibility scores with optimized images, layout shifts minimized, and semantic components.
Languages used: JavaScript, HTML/CSS, TypeScript, SQL
Tech stack: React, Next.js, TypeScript, Tailwind CSS, Supabase, Razorpay, Google Maps API
A realtime full stack Kanban Task Manager with multi-cursor presence, instant drag-and-drop sync, and in-app chat using Next.js, React, and Supabase Realtime.
Key solutions applied:
- Real-Time Collaborative Control: Enables instant multi-user collaboration with live chat, multi-cursor presence, and real-time drag-and-drop functionality for dynamic updates.
- Optimized, Persistent Data: Securely persists all boards, lists, tasks, and chat in a relational backend, using real-time subscriptions to ensure the UI updates instantly with every change.
- Snappy, Mobile-First UX: Delivers a responsive experience with mobile-friendly, touch-optimized drag-and-drop and efficient performance via lightweight state caching and minimal network round-trips.
Languages used: JavaScript, HTML/CSS, TypeScript, SQL
Tech stack: React, Next.js, Tailwind CSS, Tanstack Query, Shadcn UI Library, Dnd-Kit, Framer, Supabase (realtime), React Hook Form, Zod (form validation), Zustand
An expense tracker to log expense, categorize them, and view a visual spending insights.
Key solutions applied:
- Comprehensive Financial Control: Easily log, edit, and categorize all daily transactions while actively managing your overall budget.
- Actionable Visual Insights: Gain instant understanding of spending patterns through responsive visual reports and summaries powered by the Recharts chart library.
- Modern, High-Performance Stack: Ensures a fast, type-safe, and secure experience using React Query and hosted Postgres/Supabase for reliable data operations.
Languages used: JavaScript, HTML/CSS, TypeScript, SQL
Tech stack: React, TypeScript, Vite, Tailwind CSS, shadcn/ui, React Query, React Hook Form, Zod, Supabase (PostgreSQL + Auth), Netlify
Citable PDF Q&A Interface: Provides a minimal, accessible chat and PDF viewer (Tailwind/React Pdf) where AI answers include citations that directly link to the referenced page in the document.
Key solutions applied:
- Advanced AI Processing Pipeline: Leverages a robust AI stack for document intelligence: Llama Parse for PDF parsing, Jina AI for vector embedding, and Google Gemini for RAG retrieval and chat responses.
- Minimal, Vector-Powered Stack: Built as a responsive Single Page Application (Context API) backed by a Supabase/pgvector database for efficient vector storage and hosted reliably on Netlify.
Languages used: JavaScript, HTML/CSS, TypeScript, SQL
Tech stack: React, TypeScript, Vite, Tailwind CSS, Supabase (Edge Function + Storage), Netlify
Certificates
Language Proficiency
- JavaScript80%
- TypeScript60%
- HTML/CSS90%
- SQL50%
Education
Class XII, Rainbow English School (72%)
2015Rainbow English School
New Delhi, India
B.Tech - Computer Science
06/2016 – 06/2020Manav Rachna International Institute of Research and Studies
Faridabad, India