Level 10 XP

Parrie Chhajed - Fashion Portfolio

View Live Project
Parrie Chhajed - Fashion Portfolio
Role

Developer

Year

2025

Stack

React, Tailwind CSS, Vite

Link
View Live Project

01. The Challenge

Every project begins with a core problem. For Parrie Chhajed - Fashion Portfolio, the main challenge was balancing performance with high-fidelity visual interactions. We needed to process thousands of data points in real-time without blocking the main thread, all while maintaining a smooth 60fps experience.

The existing solutions in the market were clunky, enterprise-focused, and lacked the "joy of use" that modern users expect.

02. The Process

Parrie Chhajed - Fashion Portfolio

We iterated through multiple layout paradigms before settling on the "island" architecture. This allowed us to decouple the navigation state from the content renders, significantly reducing re-renders and improving perceived latency.

Engineering

A look at the core logic that powers the real-time data synchronization.

// The Synchronization Logic useEffect(() => { const worker = new Worker(new URL('./worker.js', import.meta.url)); worker.onmessage = (event) => { const delta = computeDelta(event.data); if (delta > THRESHOLD) { requestAnimationFrame(() => updateMesh(delta)); } }; return () => worker.terminate(); }, []);

03. The Result

Parrie Chhajed - Fashion Portfolio