LEACB एक प्रयोग के रूप में शुरू हुआ। मुझे एक सीधा सवाल हल करना था: क्या पोर्टफोलियो एक अनुभव हो सकता है? सिर्फ़ लिंक और एक तस्वीर वाला पेज नहीं। एक असली इंटरैक्टिव, डुबो देने वाला 3D माहौल, जो जो मैं बनाता हूँ उसे बताने के बजाय ख़ुद वही बनकर दिखा दे।
LEACB started as an experiment. I wanted to answer a simple question: can a portfolio be an experience? Not just a page with links and a headshot. An actual interactive, immersive, 3D environment that demonstrates what I build by being what I built.
पहला प्रोटोटाइप कच्चा था — एक तैरता कैमरा, कुछ पार्टिकल, और काले शून्य में सादे सफ़ेद पैनल। मोबाइल पर बस किसी तरह चलता था। लेकिन मूल विचार मौजूद था: ख़ुद को और अपने काम को जानने के लिए एक 3D जगह में घूमना।
The first prototype was rough — a floating camera, a few particles, and plain white panels in a black void. It barely worked on mobile. But the core idea was there: navigate a 3D space to explore who I am and what I do.
बीटा तीन बड़े चरणों से गुज़रा। हर चरण ने कुछ ज़रूरी सिखाया:
The beta went through three major iterations. Each one taught me something critical:
बीटा से रिलीज़ तक का रास्ता टूटे बिल्ड से भरा था। इम्पोर्ट मैप का मॉड्यूल स्क्रिप्ट से टकराव। पोस्ट-प्रोसेसिंग पास जो मोबाइल की परफ़ॉर्मेंस खा गए। पार्टिकल का साँस जैसा असर जो Firefox में मेमोरी लीक कर रहा था। एक कस्टम कर्सर जो पेज स्क्रोल होने पर सही जगह नहीं रहता था।
The path from beta to release was paved with broken builds. Import maps conflicting with module scripts. Post-processing passes that killed mobile performance. A particle breathing effect that caused memory leaks in Firefox. A custom cursor that didn't track correctly when the page was scrolled.
हर बग इस बात का सबक़ था कि ब्राउज़र भीतर से असल में कैसे काम करते हैं — न कि दस्तावेज़ों के मुताबिक़ उन्हें कैसे काम करना चाहिए।
Every bug was a lesson in how browsers actually work under the hood — not how documentation says they should work.
बीटा से v1.0 की छलाँग कोई एक बड़ा री-राइट नहीं थी — वह सैकड़ों छोटे सुधार थे:
The jump from beta to v1.0 wasn't one big rewrite — it was hundreds of small refinements:
सियान-बैंगनी-सुनहरा पैलेट यूँ ही नहीं चुना गया। सियान मुख्य रंग है — यह तकनीक, स्पष्टता और आगे बढ़ने का प्रतीक है। बैंगनी सहायक रंग है — यह गहराई, रहस्य और रचनात्मकता जोड़ता है। सुनहरा कम-कम दिखता है — यह महत्व का निशान है: ब्लॉग पैनल, ख़ास बातें।
The cyan-purple-gold palette wasn't chosen randomly. Cyan is the primary — it represents technology, clarity, and forward motion. Purple is the accent — it adds depth, mystery, and creativity. Gold appears sparingly — it marks importance: the blog panel, key highlights.
फ़ॉन्ट भी उसी सोची-समझी क्रम-व्यवस्था पर चलते हैं: शीर्षकों के लिए Orbitron (भविष्यवादी, ज्यामितीय), तकनीकी सामग्री के लिए Share Tech Mono (टर्मिनल जैसा एहसास), और मुख्य पाठ के लिए Rajdhani (साफ़, पढ़ने में आसान, थोड़ा तकनीकी)।
The fonts follow the same intentional hierarchy: Orbitron for display (futuristic, geometric), Share Tech Mono for technical content (terminal feel), and Rajdhani for body text (clean, readable, slightly technical).
“v1.0 का मतलब पूरा हो जाना नहीं है। इसका मतलब है — दिखाने के लिए तैयार होना।”
"v1.0 doesn't mean finished. It means ready to be seen."
LEACB v1.0 नींव है। आगे की योजना में हैं: गतिशील बैकग्राउंड के लिए कस्टम WebGL शेडर, GPGPU पार्टिकल फ़िज़िक्स, हर प्रोजेक्ट का अपना 3D शोकेस, और ब्राउज़र सपोर्ट स्थिर होने पर WebGPU पर जाना। यह अभी शुरुआत ही है।
LEACB v1.0 is the foundation. The roadmap includes custom WebGL shaders for dynamic backgrounds, GPGPU particle physics, per-project 3D showcases, and a potential WebGPU migration when browser support stabilizes. This is just the beginning.
LEACB घूमने के लिए शुक्रिया। अगर आप यहाँ तक पढ़ आए हैं, तो आप ठीक उसी तरह के इंसान हैं जिनके लिए मैंने यह बनाया है।
Thank you for exploring LEACB. If you've read this far, you're exactly the kind of person I built this for.