Back to Projects
Website

SmartSSD 2026 — Conference Portal

Project Gallery

Interactive 3D PDF Flipbook: Built with react-pageflip and react-pdf utilizing a dynamically imported Web Worker from CDN to render multi-page high-definition brochure documents. Features custom window resize computations to prevent clipping and audio feedback on page flips.

Multi-Role Data Pipeline: An asynchronous form handler supporting four distinct user roles (Participants, Organising Team, Reviewers, Meta-Reviewers). Submissions are routed to dedicated Google Apps Script Web Apps endpoints acting as a microservice to write directly to Google Sheets database arrays.

Clean Flex Modals: Implemented responsive modals for schedules and interactive map views with custom dropdown selection panels. It avoids traditional overlapping bugs using viewport-aware flex alignments.

Microsoft CMT Integration: Full client-side guidance and guidelines template distribution for paper submissions managed via Microsoft's Conference Management Toolkit (CMT).

SEO & Production Optimization: Tailored assets include configuration files (eslint.config.js, postcss.config.js, tailwind.config.js), optimized routing through react-router-dom with base path handling (/smartssd), and static redirection setups for Vercel deployment.

Project Details

DateJuly 2026
CategoryWebsite

Technologies Used

React 18TypeScriptViteTailwind CSSLucide ReactReact PDFPageFlipGoogle Apps Script API