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.