This website is currently under maintenance. Content, pricing, and other information displayed may be demo data and could be inaccurate.   •   This website is currently under maintenance. Content, pricing, and other information displayed may be demo data and could be inaccurate.   •   This website is currently under maintenance. Content, pricing, and other information displayed may be demo data and could be inaccurate.   •   This website is currently under maintenance. Content, pricing, and other information displayed may be demo data and could be inaccurate.   •   This website is currently under maintenance. Content, pricing, and other information displayed may be demo data and could be inaccurate.   •   This website is currently under maintenance. Content, pricing, and other information displayed may be demo data and could be inaccurate.   •   
Skip to content
Emon Portfolio preview
Portfolio & 3D WebGL2025

Emon Portfolio

Senior full-stack engineer portfolio with 3D WebGL canvas & PDF proposal builder.

Scroll to explore

The Brief

A flagship developer portfolio and client proposal portal engineered for Shahid Emon Islam (Senior Full-Stack & Systems Engineer), featuring interactive Three.js 3D WebGL canvas motion, automated React-PDF proposal generation, and Sanity CMS case study management.

ClientShahid Emon Islam
RolePortfolio & 3D WebGL
Tech Stack
Next.js
React
Three.js
React Three Fiber
TypeScript
Tailwind CSS
Sanity CMS
Supabase

The Challenge

"Senior software engineers needed a portfolio that transcended standard resume templates, proving technical mastery through live 3D WebGL shaders, interactive stack matrices, and instant PDF client scope exports."

Architecture & Execution

01

Designed a dark high-tech editorial visual identity with Geist Sans typography, glowing cyan indicators, and 3D WebGL canvas background shaders.

02

Engineered an interactive 3D particle hero stage using Three.js and React Three Fiber (@react-three/drei).

03

Built an in-browser PDF client proposal generator using @react-pdf/renderer and Sanity CMS API integration.

Business Impact

Measured
Outcomes

Quantified results delivered post-launch across key performance indicators.

3D WebGL
Three.js Particle Shader
PDF
Automated Client Proposals
<1.3s
LCP Load Performance
Live System

Experience
It Live

Launch Emon Portfolio
Live Website Experience

Browse live website

Launch Emon Portfolio