English | Tiếng Việt
"In the alchemical dance of existence, nothing new can be born until the old is surrendered."
This is not a portfolio.
This is a grimoire — a living scroll where syntax becomes poetry, and bound logic flows into the infinite dance of imagination.
Inspired by The Alchemist by Paulo Coelho, this is a record of a journey through fire, transformation, and the eternal pursuit of the Personal Legend.
The Sanctum is powered by a custom-built narrative engine designed to dissolve the boundary between digital art and immersive reality.
A centralized background layer harmonizes StarField (celestial starlight) and GoldenSparks (forge embers). The atmosphere breathes with the visitor, transitioning from the intense heat of the forge to the cold clarity of the cosmos as the journey unfolds.
Custom SVG displacement maps are used to generate organic, procedurally-torn edges for digital journals. These filters bleed amber starlight through the "burnt" imperfections of the paper, bridging the gap between ancient texture and modern code.
Built on Next.js 15, Three.js (R3F), and Drei's View. All 3D interactions — from the Magic Circle to the planetary orbital systems — share a single, high-performance canvas to ensure buttery-smooth motion and zero redundant memory overhead.
The soul of the Sanctum is unified using Zustand, managing global states from atmospheric ignition to localized narratives. A custom i18n system enables seamless switching between English and Vietnamese, toggled via a floating "Alchemist's Orb" — a mystical UI element that mirrors the project's aesthetic.
Identity materializes from the void. Letter by letter, the first breath is forged in the digital expanse. This is where the quiet hum of existence begins.
The heart of the forge. Here, the fixed shell of "what is" is shattered to reveal "what can be." Particles swirl through three sacred phases: Chaos, Fire, and Rebirth.
Journals etched onto digital vellum. Using the Torn Paper Filter, thoughts refined by fire are recorded: knowledge transmuted into power.
A space-parchment hybrid transition. As the tàn lửa (embers) fade, the starfield emerges, signaling the shift from the forge's heat to the vastness of universal logic.
Every project is a planetary artifact. Forged in fire, they inhabit a planetary system where each line of code is a legacy — a trace left behind to inspire, empower, and endure.
The final test. Stepping out of the sanctum and into the shifting sands of the desert. Here, there is a language beyond words — the courage to follow the Personal Legend until the hands build what the heart has always known.
"And, when you want something, all the universe conspires in helping you to achieve it."
— Paulo Coelho, The Alchemist
The tools used to forge this world:
| Aspect | Rune (Technology) | Interpretation |
|---|---|---|
| Soul | TypeScript / Node.js | The deep logic governing the universe. |
| Form | React / Next.js 15 | The vessel that contains the starlight. |
| Space | Three.js / R3F | The 3D void where ideas take shape. |
| Motion | GSAP / ScrollTrigger | The rhythmic breath of the narrative. |
| Will | Zustand | The unified intent behind the world. |
| Aesthetics | Vanilla CSS / SVG Filters | The art of crafting imperfection. |
trhgatu — A traveler on the path to the Personal Legend.
"All is one."
This Grimoire is a record of what has been learned from the language beyond words. It remains as a reminder: the journey only truly begins when one dares to take the first step.
Maktub.