About Me

I'm Nageshwar, a dedicated Full Stack Web Developer from Nanded, Maharashtra, driven by a passion for translating ideas into compelling digital solutions. My journey began with a curiosity for web development and has evolved into a quest to create impactful online experiences. Motivated by the dynamic tech landscape and the opportunity to innovate, I strive to deliver excellence in every project I undertake. My goal is to not only meet client expectations but to exceed them, leveraging both creativity and technical expertise.

Front-end Skills

Back-end Skills

Computer Vision

Experience

Education

  • HTML, CSS & JS
    Proficiency in HTML for structuring well-formed, semantic web pages, incorporating accessibility best practices and ensuring cross-browser compatibility. Proficiency in CSS for designing visually appealing and responsive user interfaces, utilizing modern layout techniques and CSS frameworks to enhance user experience. Proficiency in JS for building interactive and dynamic web pages.
  • TanStack Query (React Query)
    Caching, data fetching, background refetching, and server-state management for high-performance React applications.
  • MediaPipe / Computer Vision
    Browser-based AI features including real-time tracking, pose estimation, hand recognition, and virtual try-on experiences using MediaPipe.
  • Quill Editor
    Rich text editing and custom content creation logic integrated into React applications for dynamic content workflows.
  • React.js / Next.js
    Expert in React.js and Next.js with hands-on experience in SSR, CSR, and Server Components for building performant, SEO-friendly web apps.
  • TypeScript
    Strong type-safety practices across large-scale frontend codebases, improving reliability and developer experience with TypeScript.
  • State Management
    Proficient with Zustand, Redux Toolkit, and Context API for scalable and maintainable global state management in complex applications.
  • Tailwind CSS & Responsive Design
    Building fully responsive, utility-first UIs with Tailwind CSS, ensuring seamless experiences across all screen sizes and devices.
  • Animations (Framer Motion / GSAP)
    Creating smooth, declarative UI animations and complex scroll-based interactions using Framer Motion and GSAP.
  • Vite & PostCSS
    Fast development and build tooling with Vite, combined with PostCSS for advanced CSS transformations and optimizations.
  • Performance Optimization
    Improving web performance using Lighthouse audits, lazy loading, code splitting, and best practices for Core Web Vitals.
  • API Integration (REST & GraphQL)
    Seamlessly integrating RESTful and GraphQL APIs into frontend applications with proper error handling and data normalization.
  • Git & GitHub
    Proficient in version control with Git and GitHub for collaborative development, branching strategies, and maintaining codebase integrity.
  • Unit Testing (Vitest / Jest)
    Writing reliable unit and integration tests with Vitest and Jest to ensure code correctness and prevent regressions.
  • OOPs & Design Patterns
    Applying Object-Oriented Programming principles, class-based architecture, design patterns, and reusable logic, to build clean, maintainable, and scalable backend systems.
  • Modular Monolith Architecture
    Designing loosely coupled, domain-driven modules within a single deployable unit for improved maintainability and scalability without the overhead of microservices.
  • Microservices Architecture
    Experience building distributed systems with service discovery, API gateway patterns, and inter-service communication for highly scalable cloud-native applications.
  • Node.js & Express.js
    Proficiency in Node.js and Express.js for building robust RESTful APIs, leveraging non-blocking I/O, middleware pipelines, and efficient routing for high-performance server-side apps.
  • Databases (MongoDB / PostgreSQL)
    Hands-on experience with MongoDB & Mongoose for NoSQL data modelling, and PostgreSQL with Prisma ORM for relational data, designing efficient schemas, indexes, and queries.
  • Authentication (JWT, OAuth, NextAuth.js)
    Implementing secure authentication and authorization flows using JWT, OAuth 2.0, and NextAuth.js, including role-based access control and session management.
  • API Design & Middleware
    Designing clean, versioned REST APIs with structured error handling, request validation, and reusable middleware for consistent and reliable API behaviour.
  • Cloud Storage (Cloudinary / AWS S3)
    Integrating cloud storage solutions for media uploads, transformations, and delivery using Cloudinary and AWS S3 with secure, optimized pipelines.
  • Real-time Communication (Socket.io)
    Building real-time, event-driven features like live chat, notifications, and collaborative tools using Socket.io with WebSocket support.
  • API Testing & Documentation
    Proficient in testing APIs with Postman and generating clear, interactive API documentation using Swagger / OpenAPI specifications.
  • Server-side Performance
    Optimizing backend performance through Redis caching, query optimization, pagination strategies, and connection pooling for low-latency, high-throughput applications.
  • MediaPipe Models
    Hands-on experience with multiple Google MediaPipe models in the browser, including Face Detection, Hand Detection & Tracking, Body/Pose Detection, and PoseNet for real-time landmark detection and skeletal tracking in live video streams.
  • Jewellery Try-On (2D & 3D)
    Built realistic jewellery try-on experiences using face and body landmarks to precisely overlay 2D jewellery assets and interactive 3D jewellery models on the user in real time.
  • Cloth Try-On (Gemini API)
    Developed an AI-powered cloth try-on feature integrating Google Gemini API for intelligent garment fitting and overlay on detected body pose and silhouette.
  • Makeup Try-On
    Implemented real-time makeup try-on using MediaPipe Face Detection landmarks to apply virtual cosmetics (lipstick, eyeshadow, blush) accurately on facial features in the browser.
  • Body Size Measurement
    Built a body measurement tool leveraging MediaPipe Pose landmarks to estimate real-world body dimensions (shoulders, waist, height) from the live camera feed without any hardware sensors.
  • Hair Color Try-On
    Created a browser-based hair color try-on by detecting hair regions through face landmarks and segmentation, applying custom color filters in real time for a seamless virtual preview.
  • 3D / Three.js
    Experience with Three.js for rendering interactive 3D models, scenes, and immersive web experiences, used in 3D jewellery overlays and product visualizations.

  • Work Experience

  • SDE - I (Frontend)
    CTRUH Technology  |  Jan 2026 – Present

    Leading frontend development of advanced browser-based AI and 3D experiences at CTRUH. Key contributions include:
    • Architecting and building real-time Virtual Try-On features, Jewellery (2D & 3D), Cloth (Gemini API), Makeup, Hair Color, and Body Size Measurement, using MediaPipe models.
    • Integrating Three.js for interactive 3D model rendering and overlay on live video streams.
    • Driving performance optimization with Lighthouse audits, lazy loading, and code splitting for Core Web Vitals compliance.
    • Collaborating with design and backend teams to deliver production-grade features using Next.js, TypeScript, TanStack Query, Zustand, and Tailwind CSS.
    • Owning Quill-based rich text editor integration for dynamic content creation workflows.
    Tech: Next.js, React.js, TypeScript, MediaPipe, Three.js, TanStack Query, Zustand, Tailwind CSS, Framer Motion, Gemini API
  • Jr. Frontend Engineer
    CTRUH Technology  |  Oct 2024 – Dec 2025

    Joined CTRUH as a Junior Frontend Engineer and rapidly ramped up on complex frontend challenges. Key contributions include:
    • Built and maintained responsive, cross-browser-compatible UI components using React.js and Tailwind CSS.
    • Implemented dynamic forms with schema-based validation using Zod and Zod Resolver with React Hook Form.
    • Contributed to REST API integration with proper error handling, loading states, and caching via TanStack Query.
    • Worked on animation-heavy UI with Framer Motion and GSAP for interactive product showcase pages.
    • Collaborated in agile sprints, participating in code reviews and maintaining high code quality through Git workflows.
    Tech: React.js, JavaScript, Tailwind CSS, Zod, TanStack Query, Framer Motion, GSAP, Git & GitHub

  • Educational Qualifications

  • Full-Stack Web Development
    Masai School  |  2023 – 2024

    Completed an intensive, industry-aligned Full-Stack Web Development program with a focus on practical, project-based learning. Key highlights:
    • Built multiple full-stack projects using MERN Stack (MongoDB, Express.js, React.js, Node.js).
    • Gained strong foundations in Data Structures & Algorithms, system design, and REST API development.
    • Practiced agile workflows, pair programming, and regular code reviews in a collaborative team environment.
    • Trained in HTML, CSS, JavaScript, React.js, Node.js, MongoDB, Git & GitHub.
  • Bachelor of Arts (B.A.)
    Swami Ramanand Teerth Marathwada University  |  2018 – 2021

    Graduated with a degree in Bachelor of Arts, building strong foundations in critical thinking, communication, and analytical reasoning, skills that complement technical problem-solving in software development.
  • Higher Secondary Certificate (HSC)
    Maharashtra State Board  |  2014 – 2015

    Completed Higher Secondary Education with core subjects building logical and analytical skill foundations.
  • Secondary School Certificate (SSC)
    Maharashtra State Board  |  2012 – 2013

    Completed Secondary School Education, establishing early discipline, academic fundamentals, and a learning mindset.

Skills

Front - End Web Developer

Specializing in crafting engaging user interfaces using HTML, CSS, JavaScript, React.js, TanStack Query, Zustand, Zod, and Quill Editor, with a focus on performance, scalability, and seamless user experiences.

Computer Vision

Hands-on experience with MediaPipe for real-time pose estimation, hand tracking, and virtual try-on features. Also worked on 3D rendering and interactive scenes using Three.js for immersive web experiences.

Git Version Controller

Proficient in Git for managing code repositories, tracking changes, and facilitating collaborative development workflows to ensure codebase integrity and efficient team collaboration.

Back - End Web Developer

Proficient in MongoDB, Express.js, and Node.js with expertise in designing server-side logic, database management, and API integration ensuring functionality, performance, and security.

Projects

E-Commerce App

E-Commerce App

A full-stack e-commerce platform with product listings, cart management, user authentication, payment gateway integration, and cloud media uploads.

React Tailwind CSS Redux Context API Node.js Express MongoDB Stripe Cloudinary
Movix - Movie Data App

Movix — Movie Data App

A movie discovery app powered by IMDb/TMDB public APIs, featuring real-time data fetching, smart search, genre/year filters, and detailed movie info with ratings.

React.js Axios TMDB API IMDb API CSS Modules
Superhero Resume

Superhero Resume

A fun, creative superhero-themed resume built entirely with HTML & CSS — showcasing pure frontend styling, custom layout design, and creative document presentation.

HTML CSS Creative Layout

Professional Work

Projects built during my tenure at CTRUH Technology

CTRUH Corporate Website

CTRUH Website

Role: Frontend Developer (Team Collaboration)

Contributed to CTRUH’s website by building the Theme Engine, CMS-driven pages, and a type-safe architecture.

  • Theme Engine: Implemented core Dark/Light mode logic and UI components across the entire site using Tailwind CSS & Next.js.
  • Dynamic Data Fetching: Integrated CMS APIs to dynamically render Team, Departments, and Blogs data.
  • Architecture: Extensive use of TypeScript & Next.js for clean, type-safe, scalable codebase.
Next.js TypeScript Tailwind CSS CMS APIs Dark/Light Mode
Virtual Makeup Try-On

Virtual Makeup Try-On (Live)

Role: Lead Developer (AI Implementation & Architecture)

Built a real-time AI-powered virtual makeup experience with face tracking, optimized performance, and scalable architecture.

  • Real-time AI: Implemented live face tracking and dynamic makeup rendering using MediaPipe Face Landmarker.
  • Architecture: Designed a scalable, loosely coupled system using OOP (class & constructor-based pattern).
  • Performance: Optimized rendering pipeline to achieve smooth ~60 FPS in the browser.
  • UI/UX: Built a responsive and interactive mirror experience using React & Tailwind CSS.
React TypeScript Tailwind CSS MediaPipe WebCam API
Virtual Hair Color Try-On

Virtual Hair Color Try-On (AI-Powered)

Role: Frontend Developer (AI Implementation)

Developed an AI-powered hair color try-on experience with real-time segmentation, dual input modes, and scalable architecture.

  • Image Segmentation: Implemented real-time hair segmentation and color overlay using MediaPipe.
  • Dual Mode: Enabled both live camera and image upload for flexible user interaction.
  • Architecture: Built a reusable image processing pipeline using class-based OOP structure.
React TypeScript MediaPipe Selfie Segmentation Tailwind CSS
Virtual Jewellery Try-On

Virtual Jewellery Try-On (AI & 2D/3D AR)

Role: Lead Developer (AI & Rendering Implementation)

Built an advanced AI-powered jewellery try-on system with hybrid tracking, dynamic 2D/3D rendering, and optimized asset loading.

  • Hybrid Tracking: Implemented precise ear and neck tracking using MediaPipe Face Landmarker and Object Tracking for both live and image modes.
  • 2D & 3D Rendering: Built dynamic rendering logic to support both 2D assets (PNG/SVG) and 3D models (GLTF/GLB).
  • Asset Loading: Optimized performance with lazy loading and caching for large 3D models.
  • Architecture: Designed a scalable and maintainable system using OOP-based structure.
React TypeScript MediaPipe Objectron Three.js WebGL Tailwind CSS
AI-Powered Virtual Cloth Try-On

AI-Powered Virtual Cloth Try-On (Gemini Multimodal)

Role: Lead Developer (Fullstack & AI Integration)

Built an AI-powered virtual clothing try-on system using multimodal AI, real-time image capture, and efficient rendering pipeline.

  • Multimodal AI: Designed a pipeline sending user image and cloth image to Gemini Vision API for realistic try-on output.
  • Prompt Engineering: Crafted optimized prompts to ensure accurate body-cloth blending and natural results.
  • Real-time Capture: Implemented browser camera capture with base64/buffer processing.
  • State Management: Built efficient handling and rendering of processed images from API responses.
React TypeScript React Tanstack Query Gemini API Axios Tailwind CSS
AI Body Measurement & Size Estimator

AI Body Measurement & Size Estimator

Role: Lead Developer (Computer Vision Logic)

Developed an AI-based body measurement and size recommendation system using pose detection and smart measurement algorithms.

  • Anatomical Mapping: Used MediaPipe Pose Landmarker and Holistic tracking to detect key body points (shoulders, waist, hips).
  • Measurement Logic: Built pixel-to-metric conversion algorithm for accurate size estimation based on camera input.
  • Size Recommendation: Created an engine to match user measurements with brand-specific size charts for best fit.
React TypeScript MediaPipe Pose Detection Canvas API React Query Tailwind CSS
All-in-One AI Virtual Try-On Platform

All-in-One AI Virtual Try-On Platform (Product)

Role: Lead Developer (AI Implementation & Optimization)

Built a unified AI-powered platform integrating multiple try-on modules with optimized performance and scalable architecture.

  • Consolidated Platform: Integrated Makeup, Hair Color, and Jewellery try-on modules into a single seamless product.
  • Optimized Rendering: Used TanStack Query for efficient API fetching, caching, and lazy loading.
  • Multi-Input Flow: Supported live camera, image upload, and predefined model inputs.
  • High Performance UI: Built responsive and performant UI using Tailwind CSS and modern state management (Context API/Zustand).
  • Architecture: Designed a reusable and maintainable system using class-based OOP structure.
React TypeScript TanStack Query MediaPipe Three.js Tailwind CSS
Enterprise Content Management System

Enterprise Content Management System (Full-Scale CMS)

Role: Frontend Developer (Core Contributor)

Contributed to a full-scale CMS with scalable frontend architecture, efficient state management, and backend integrations.

  • Frontend Architecture: Built high-performance forms and validation using React Hook Form and Zod.
  • UI & State: Implemented scalable UI with Tailwind CSS and lightweight state management using Zustand.
  • 3D Visualization: Integrated Google Model Viewer for real-time preview of 3D (GLB) assets.
  • Backend Contribution: Developed CRUD APIs in Node.js / Express to manage Teams, Departments, E-books, and Blogs.
React TypeScript Zod React Hook Form Zustand Node.js Google Model Viewer
Visit Management System

Visit Management System (Solar Square - Client Project)

Role: Frontend Developer

Developed a scalable visit management system with real-time tracking, optimized API handling, and responsive UI.

  • API Integration: Integrated multiple REST APIs to manage real-time visit tracking and scheduling workflows.
  • Responsive UI: Built a mobile-first, scalable dashboard using Tailwind CSS and TypeScript.
  • Performance & Validation: Implemented efficient form handling with React Hook Form, Zod, and TanStack Query.
React TypeScript TanStack Query Zod React Hook Form Tailwind CSS

Contact Me

nageshpawarpatil@gmail.com

(+91) 9503198637

Download Resume

copyright © 2024 Nageshwar Pawar. All Rights Reserved