Xin chào — hi there, I’m Chanh (mChanh), a inventive developer primarily based in Ho Chi
Minh Metropolis, Vietnam. I’ve been following this inventive path for the previous three
years. I’m presently open to freelance work and new collaborations, so when you
have one thing cool in thoughts, be happy to
attain out.
An enormous because of Codrops for the chance to be featured on this Developer
Highlight and share a part of my journey. Let’s goooo!
Latest Launches
1.
Huy Phan’s Portfolio (2022)
Consumer: Huy Phan
Collaborators: Huy
Phan
Awards: Awwwards (SOTD, Dev Awards), FWA (FOTD),
CSSDA (WOTD, WOTM)
Tech stack: Vanilla JS, HTML, CSS,
GSAP
This was the primary time I labored on an internet site closely targeted on animation and
movement.
Again then, I had solely simply found GSAP and didn’t have a lot expertise in
this area but. The entire challenge was even constructed with plain HTML, CSS, and
JavaScript — no bundler, no trendy tooling, simply the fundamentals. And yeah, it was
very a lot a learn-as-I-built sort of challenge. Fortunately, I used to be nonetheless capable of
carry round 80% of Huy Phan’s unique thought to life.
Regardless that it took fairly a little bit of time to complete, I’m comfortable that every thing
nonetheless holds up and continues to work effectively even at this time.
Consumer: Received .J You
Collaborators: Huy
Phan, Thinh Doo
Awards: Awwwards (SOTD, Dev Awards), FWA
(FOTD), CSSDA (WOTD)
Tech stack: Subsequent.js, GSAP, SCSS
This was the quickest challenge I’ve ever accomplished thus far,
taking round two and a half months for each the design and growth. The
web site was constructed round storytelling, which meant a heavy deal with scroll-based
animations all through the expertise. My favourite half was the scrolling
sequence on the homepage, which additionally turned out to be probably the most difficult
piece to deal with.
I’m actually pleased with how the ultimate output got here collectively — it feels easy,
distinctive, and just a little unconventional in a method that makes the expertise extra
memorable. Ending this challenge was genuinely satisfying.
Enjoyable truth: Your complete web site was generated as a static web page
setup, with no CMS or backend concerned in any respect xD
Consumer: MIUX Studio
Collaborators: Huy
Phan, Thinh Doo
Awards: Awwwards (SOTD, Dev Awards), FWA
(FOTD), CSSDA (WOTD)
Tech stack: Subsequent.js, GSAP, SCSS,
Prismic, Vercel
One other challenge that turned out actually easy and stylish. What I liked most
right here was the web page transition work. As you possibly can most likely discover, the challenge
makes use of two totally different transition varieties, which was a enjoyable problem for me because it
was my first time dealing with a number of web page transition programs in Subsequent.js.
The picture flip transition was particularly fascinating. At first, I didn’t
account for sluggish community situations, which meant the impact may break if the
subsequent web page picture hadn’t loaded in time. The trick that ultimately made it
dependable was to first flip the picture into fullscreen, transition to the brand new
web page, look ahead to the precise picture asset to complete loading, and solely then
full the flip into its remaining place on the brand new web page.
And yeah, as soon as every thing got here collectively, the general end result felt superb. I’m
genuinely proud to have turned it into a cultured, high-quality challenge.
Consumer: Eislab
Collaborators: Huy Phan,
QuangDinh
Awards: Awwwards (SOTD, Dev Awards), FWA
(FOTD), CSSDA (WOTD)
Tech stack: Subsequent.js, GSAP, SCSS,
Prismic, Vercel
My first challenge of 2025, and in addition the second SOTD milestone in my profession
after two years. It marked an lively and fortunate begin to the yr, making it
a very unforgettable challenge.
This was additionally my first time working with Subsequent.js and PrismicIO, so one of many
largest challenges was studying learn how to hold the challenge construction and codebase
clear. Trying again, it turned a milestone which means loads to me.
My favourite components had been the curved slider on the About Us web page and the menu
animation.
About me
I nonetheless bear in mind my college days, particularly my remaining yr earlier than
commencement, once I first found a unique sort of web site expertise —
inventive web sites that felt easy, visually hanging, and in contrast to something I
had seen earlier than. That was once I got here throughout Awwwards and Codrops, and from
that second, I knew this was the trail I wished to pursue.
At first, it was purely pushed by curiosity. I merely liked the craft and
wished to study by constructing, regardless that there weren’t actually many
alternatives for this type of work in Vietnam on the time.
In a while, I got here throughout Huy Phan in a design neighborhood and determined to ship him
a direct message, asking if I may have an opportunity to develop one thing in that
animation-driven fashion. Fortunately, he gave me the chance to construct his
very first portfolio web site.
After months of grinding and figuring issues out, we lastly launched the location
— and that challenge led to my very first SOTD. It was an unbelievable and
unforgettable milestone on this journey.
After that first SOTD, I joined D2 Studio (shout out to Michael B. Luong), and
it wasn’t till two years later that I had the prospect to collaborate with Huy
Phan once more. Since then, I’ve transitioned into full-time freelance work, which
is the place I’m at this time.
Outdoors of labor, one in every of my favourite hobbies is customizing my Vespa — one other
area the place I get to obsess over particulars, fashion, and persona.
Workflow & Stack
1. Core Stack
- Figma (reference design and format exploration)
- Subsequent.js, React, TypeScript
- Headless CMS (Prismic, Sanity)
- GSAP (animation and movement programs)
- Vercel (deployment)
- Cursor IDE (growth workspace)
2. Inspiration & References
- Awwwards, The FWA, CSS Design Awards, Codrops
- Save references from Twitter (X), LinkedIn
Future Targets
Proper now, my largest aim is easy: continue to grow.
I need extra alternatives to work with individuals within the trade, study from
their expertise, and proceed sharpening my craft. I’m additionally planning to go
deeper into WebGL, 3D, and spoken English to open up greater alternatives in
the longer term.
Greater than something, I hope to maintain transferring ahead on this inventive developer
journey, whereas additionally seeing the Vietnamese market change into extra open and excited
about this area.
Remaining ideas
I’m really grateful for everybody who gave me alternatives alongside the way in which, and I
hope my story can encourage extra builders in Vietnam to discover this inventive
aspect of the net.
And at last, a enormous thank you as soon as once more to Codrops for
giving me the chance to share my journey right here. Wishing the neighborhood
continued development and much more superb work forward. Peaceeee ✌️
When you suppose our concepts would possibly align, I’d love to attach and see what we will
construct collectively. Discover extra of my work in
my portfolio, drop me a line through
electronic mail, or join with me on
LinkedIn
/
Instagram.
