DHRUVANG Created with Sketch.

Projects

Showcasing Innovative Solutions: Explore My Projects

solumina-hoops-library Private Package
ReactTypeScriptRxJSImmerHOOPS Web Viewerstyled-components
  • Co-authored (core member, team of 2) a private React component library wrapping the TechSoft3D HOOPS WebAssembly engine, abstracting complex C++ internals behind a clean React API for enterprise 3D CAD visualization.
  • Exposed HoopsPanel, HoopsEngine, and AnimationPanel components supporting part selection, hierarchical model-tree navigation, PMI data rendering, and runtime-togglable Navigate/Select operator modes.
  • Engineered a keyframe-based animation system supporting translation, rotation, fade, blink, and color-change effects, enabling interactive 3D experiences in web applications.
  • Leveraged RxJS for reactive state streaming and Immer for immutable state management, ensuring predictable behavior across complex concurrent 3D interactions.
Next.jsReactTypeScriptreact-konvaZustandSupabaseTailwind CSS
  • Independently designed and built a browser-based floor planning tool enabling users to upload architect floor plans, calibrate real-world dimensions, and place furniture with accurate physical dimensions β€” a lightweight alternative to complex CAD software.
  • Architected an internal MM-based universal measurement system as the single source of truth, ensuring consistent scaling across zoom, resize, and future 3D export scenarios.
  • Implemented a local-first, privacy-preserving architecture using IndexedDB for storing floor plans and layouts entirely in the browser with zero server dependency for user data.
  • Delivered interactive canvas-based editing (drag, rotate, resize, duplicate) using react-konva, with real-time dimension label updates and multi-unit calibration support (mm, cm, inches, feet, meters).
  • Integrated Supabase Auth with Google OAuth for session management on a fully serverless Vercel deployment.
Next.jsNode.jsPostgreSQLPuppeteerTailwind CSS
  • Independently built a β€œCanva for Emails” platform featuring a no-code email editor and a marketplace of 6,000+ real-world email templates, empowering non-technical users to design production-ready emails.
  • Ranked #13 on Peerlist Launchpad out of 250+ launched products, demonstrating strong product-market fit and organic user adoption.
  • Implemented automated email preview generation using Puppeteer headless browser automation, enabling fast and pixel-accurate template rendering at scale.
  • Designed a scalable backend architecture with secure JWT/OAuth authentication, advanced full-text search, and multi-format export functionality.
Node.jsPostgreSQLReactPrisma
  • Built a full-stack, multi-company inventory management system supporting real-world SME workflows with concurrent operations across multiple business entities.
  • Designed a normalized PostgreSQL schema ensuring data integrity, high write throughput, and efficient query performance across Company, Product, Supplier, Customer, and Transaction modules.
  • Built RESTful APIs for inventory-level calculations, stock movement tracking, and financial reporting.
Sage Dental β€” Role-Based Patient Management
HubSpot UI ExtensionsServerlessCustom Objects
  • Built a dual-portal patient management system entirely within HubSpot CRM β€” one portal for internal dental staff (admin) and a separate scoped portal for referring dentists β€” each with role-specific data access, eliminating the need for any external tools.
  • Designed and implemented a drag-and-drop Kanban pipeline board using HubSpot UI Extensions; dropping a patient card triggers a real-time CRM API call to update the pipeline stage with no page reloads.
  • Engineered a JIRA-style threaded commenting system using HubSpot Custom Objects β€” each comment stored as a CRM record associated to the patient, providing a permanent, structured audit trail fully visible to the appropriate roles.
  • Modelled the entire data layer on three HubSpot Custom Objects (Patient, Referring Dentist, Comment) linked through native object associations, driving role-based data scoping without a custom authentication layer.
  • Delivered a HubSpot Custom Dashboard centralising all patient records, pipeline stages, referring dentist activity, and system metrics in a single view, replacing scattered emails and manual spreadsheet tracking.
  • Achieved zero external tooling for communication or tracking β€” real-time pipeline updates, threaded discussions, and role-based visibility all operate natively within HubSpot CRM.
ClearBridge β€” PDF Automation System
ExpressHandlebarsHubSpot WorkflowsFiles API
  • Architected and built a custom Node.js/Express PDF generation backend that integrates with HubSpot Workflows β€” each workflow triggers a dedicated POST endpoint which fetches live contact data, renders a Handlebars HTML template, and uploads the generated PDF back to HubSpot Files automatically.
  • Delivered 6 fully automated form-to-PDF pipelines covering the complete client onboarding lifecycle: Enquiry, Application, Consent, Health History Questionnaire, Consent for Testing, and Appointment Booking β€” with zero manual steps from form submission to signed PDF delivery.
  • Implemented an embedded digital signature pad (touch and mouse-compatible) across all 6 forms; captured signatures are embedded at the correct position in each generated PDF and stored in HubSpot Files.
  • Designed a modular backend architecture with separated helpers for contact fetching, Handlebars rendering, and PDF generation/upload, making it trivial to add new form types without touching existing logic.
  • Integrated HubSpot Workflows to trigger endpoint calls on form submission and automatically send personalised confirmation emails with attached PDFs, eliminating all manual intervention from the staff workflow.
  • Built a HubSpot Custom Dashboard for staff to browse all signed documents and user profiles from a single centralised view, replacing a previously scattered and manual document management process.
HubSpot Exhibitor Management Portal
HubSpot UI ExtensionsServerlessCRM Pipelines
  • Replaced a paper-based exhibitor application process end-to-end by building a fully CRM-native digital workflow inside HubSpot β€” covering form submission, contact/company creation, custom object population via Workflows, approval pipeline tracking, and automated PDF generation in a single system.
  • Built a custom HubSpot UI Extension (React TSX) with conditional button states driven by live pipeline stage data fetched at load time β€” the β€œGenerate Stand Confirmation PDF” button is programmatically locked until the record reaches the Approved stage, enforcing business rules directly in the UI.
  • Developed a HubSpot Serverless Function (Node.js) that fetches a PDF binary from an external API, converts it to a Blob, and uploads it to HubSpot Files via multipart form β€” triggered in one click from the CRM card and opened instantly in the browser.
  • Automated the full ingestion pipeline using HubSpot Workflows β€” on form submission, a workflow creates the custom Exhibitor object and copies all form fields automatically, reducing manual data entry steps to zero.
  • Modelled exhibitor records as a Custom CRM Object with a multi-stage approval pipeline, providing real-time visibility into every application’s current status and a full audit trail of stage transitions.
  • Delivered 1-click PDF generation, real-time pipeline visibility, and 100% approval-gated confirmation documents β€” eliminating all external tools, manual transfers, and the risk of issuing documents for unapproved exhibitors.