Rohit
Mondal.

• Built a feature-rich ferry booking platform with real-time seat management, Razorpay payments, booking workflows, admin analytics, and AI-powered customer support.Implemented scalable React architecture using TypeScript, TanStack Query, Zustand, Socket.IO, and role-based dashboards.

• Developed an enterprise-grade emergency roadside assistance platform featuring real-time geolocation tracking, provider dispatching, WebSocket communication, and secure payment processing. Engineered scalable frontend systems with React, TypeScript, Redux Toolkit, AI integrations, distributed workflow concepts, and high-performance state management.

• Developed a modern fleet management and logistics platform featuring AI-powered dispatching, real-time vehicle telemetry, driver safety monitoring, compliance tracking, and enterprise fleet operations dashboards. Built with Next.js, React, Tailwind CSS, Framer Motion, and PWA technologies, delivering responsive UX, live analytics, documentation systems, subscription management, and performance-focused user experiences.
  

• Built an intelligent QA automation CLI and local dashboard that automatically scans MERN applications, analyzes code structure, performs environment diagnostics, and generates comprehensive testing setups for unit, integration, E2E, security, and performance testing. Engineered automated test generation, CI/CD workflow creation, API mocking, visual regression testing, coverage reporting, and parallel execution optimization to streamline development and quality assurance workflows.

1. Interactive Core Features & State Architecture
Custom SPA Routing: The project implements a robust single-page application (SPA) routing mechanism based on hashchange listeners (configured in App.tsx). This manages complex page states (e.g. details, search, favorites, documentation) and scrolls to the top on navigation without requiring heavy React Router peer dependencies.

2. Premium Performance Optimization Techniques
Code Splitting & Lazy Loading: To reduce initial load times, pages are dynamically imported via React.lazy() and wrapped in a <Suspense> boundary containing custom <PageSkeleton /> fallbacks. This splits the application bundle into smaller, on-demand scripts.

3. Client-Side Security, Validation & Resilience

1. Features & Dynamic Layouts (React 19 & Tailwind CSS v4):
   Developed a responsive, premium luxury real estate portal using React 19, TypeScript, and Tailwind CSS v4 featuring alternating content panels, system-level light/dark theme synchronization (via matchMedia), and fluid page and carousel transition animations powered by Framer Motion (AnimatePresence).
2. Advanced Performance Optimization Techniques:
   Achieved a 47% reduction in initial bundle loading sizes (shrinking script payload from 706 kB to 376 kB) by leveraging React.lazy for route-level code splitting. Optimized rendering performance and eliminated UI rendering lag by calculating layout selectors synchronously during render instead of running asynchronous post-mount useEffect cycles.
3. Type-Safe Input Validation & Client-Side Security:
   Engineered secure, client-side validation boundary layers for agent inquiry and messaging forms using React Hook Form resolved against strict Zod schemas. Enforced structured validation constraints (e.g., character boundaries, format checks) to ensure type-safe submissions and filter out malicious payload entries before submission.
   
   Project 3: https://smart-academy-sage.vercel.app
   
   

   1. High-Performance Smooth Animation Engine (Features & Performance)
   Contribution: Engineered a fluid, responsive landing page using React 19, Tailwind CSS v4, and Framer Motion, achieving a stable 60+ FPS animation profile.
   Details: Built modular sections, including an infinite continuous testimonial marquee, page anchor transitions, and interactive components. Optimizations include promoting animated tracks to independent compositing GPU layers using will-change: transform and transform: translate3d(0,0,0) to prevent expensive repaints.

   2. Rendering Efficiency & Layout Optimization (Performance & Architecture)
   Contribution: Implemented performance guardrails to isolate heavy rendering operations and eliminate layout instability during user interactions.
   Details: Isolated the sticky backdrop-blur navigation header in its own composited layer to bypass costly paint re-calculations of scrolled content. Additionally, created scrollbar-width compensation logic on modal overlay mounting to achieve Zero Layout Shift (CLS optimization), paired with browser-native async image decoding and viewport-aware lazy loading.

   3. Type-Safe Client Validation & Secure Web Practices (Security)
   Contribution: Reinforced frontend reliability and security by establishing a strict schema validation boundary and protecting third-party navigation.
   Details: Integrated React Hook Form with Zod validator schemas for children's course enrollment, preventing incorrect form states and mitigating injection vectors. Secure anchor navigation was guaranteed by ensuring all external outbound links implement rel="noopener noreferrer" to prevent tabnabbing.

1. Offline-First Architecture & Data Persistence

• Engineered an offline-first storage architecture using RxDB and Dexie.js (IndexedDB wrapper) inside Electron.js, achieving zero-downtime checkout capabilities that allow POS terminals to record bills and manage inventory entirely offline.
• Implemented a schema migration strategy utilizing RxDBMigrationSchemaPlugin to ensure seamless client-side database upgrades (Version 1) without losing cached customer or sales transactional records.

2. Bidirectional Real-Time Sync & Conflict Resolution

• Designed a real-time bidirectional synchronization engine using Socket.io WebSockets, implementing a custom Push & Pull protocol that synchronizes pending local records to the server within 30 seconds of restoring internet connectivity.
• Developed conflict-resolution mechanisms using a last-write-wins strategy for catalog changes and Ledger Delta adjustments for inventory counts to prevent stock mismatches across multiple billing terminals.

3. Backend Architecture & ACID Transaction Security

• Architected a Node.js/Express server using Mongoose that manages multi-document ACID Transactions (MongoDB Sessions); guarantees atomic invoice saving, automatic product stock decrements, and client credit ledger updates.
• Integrated a fallback connection handler that dynamically switches from Replica-Set transactions to serialized sequential queries in standalone local database instances.

4. Native Hardware Integration & Desktop Packaging

• Integrated hardware peripherals inside Electron's main process, creating a native printing bridge using IPC (ipcRenderer and ipcMain) to generate silent thermal receipts via headless BrowserWindow spooling.
• Implemented barcode scanning functionality by leveraging html5-qrcode to scan barcodes using device cameras, dynamically supporting formats such as EAN-13, CODE-128, and QR Codes.
• Configured automated Windows packaging and installers (.exe) using electron-builder with custom configurations, handling Developer Mode symbolic link exceptions (winCodeSign) on Windows platforms.

5. Performance Engineering & DB Tuning

• Optimized client-side search performance by configuring compound database indexes (sku, name, hsnCode, updatedAt) in RxDB, eliminating full-table scans and decreasing item lookup latency to under 15ms for 10,000+ stock catalog entries.
• Reduced React re-renders and memory footprints by setting up Zustand state-slice selectors, ensuring heavy accounting ledger calculations (GSTR-1, Credit books) are queried on-demand rather than kept active in state memory.
• Developed paginated API endpoints using MongoDB native queries (.skip() and .limit()), decreasing network payload sizes and improving data load times by over 45%.

6. GST Regulatory & Payment Logic

• Programmed a dynamic tax calculation engine complying with Indian GST regulations, automating tax splits (CGST/SGST vs IGST) by checking customer state codes against merchant profiles.
• Built a dynamic UPI checkout feature utilizing the qrcode library to generate real-time, invoice-specific QR codes (incorporating payment addresses, merchant name, and invoice totals) to streamline customer digital checkouts.