chanhdai.com

# chanhdai.com

> A minimal, pixel-perfect dev portfolio, component registry, and blog to showcase my work as a Design Engineer.

- [About](https://chanhdai.com/about.md): A quick intro to me, my tech stack, and how to connect.
- [Experience](https://chanhdai.com/experience.md): Highlights from my career and key roles I've taken on.
- [Projects](https://chanhdai.com/projects.md): Selected projects that show my skills and creativity.
- [Awards](https://chanhdai.com/awards.md): My key awards and honors.
- [Certifications](https://chanhdai.com/certifications.md): Certifications and credentials I've earned.

## Blog

- [React Wheel Picker joins Vercel Open Source Program](https://chanhdai.com/blog/react-wheel-picker-joins-vercel-open-source-program.mdx): Excited to share that my open source project is now officially supported by Vercel.
- [Followed by @shadcn on X](https://chanhdai.com/blog/followed-by-shadcn-on-x.mdx): Still can't believe it — such an honor.
- [OrcDev and Francesco Ciulla Reviewed My Open Source Portfolio](https://chanhdai.com/blog/orcdev-and-francesco-ciulla-reviewed-my-open-source-portfolio.mdx): My perfect last day of the year – having my portfolio reviewed by @orcdev and @FrancescoCiull4.
- [Consent Manager](https://chanhdai.com/blog/consent-manager.mdx): A React component for managing user consent for cookies and tracking in Next.js applications.
- [Scroll Fade Effect](https://chanhdai.com/blog/scroll-fade-effect.mdx): A React component that adds a fade effect to content as you scroll.
- [chanhdai.com Highlighted in Video by Creator of Aceternity UI: Make Your Portfolio Unforgettable](https://chanhdai.com/blog/chanhdai-com-highlighted-in-video-by-creator-of-aceternity-ui-make-your-portfolio-unforgettable.mdx): Discover actionable tips to make your portfolio stand out and get noticed.
- [GitHub Stars](https://chanhdai.com/blog/github-stars.mdx): Display GitHub repository star count with formatted numbers and a tooltip showing the full count.
- [Shimmering Text](https://chanhdai.com/blog/shimmering-text.mdx): Smooth shimmering text animation built with Motion.
- [Testimonials Marquee](https://chanhdai.com/blog/testimonials-marquee.mdx): A testimonials marquee component for showcasing user feedback in a scrolling format.
- [Slide to Unlock](https://chanhdai.com/blog/slide-to-unlock.mdx): A sleek, interactive slider inspired by the classic iPhone OS "slide to unlock" gesture.
- [Tips for Creating Beautiful Image Borders](https://chanhdai.com/blog/tips-for-creating-beautiful-image-borders.mdx): Borders help images stand out, but fixed colors often clash with the content. Here's a simple tip to make borders look more natural and balanced.
- [Two of My Projects Featured on OrcDev's YouTube Channel](https://chanhdai.com/blog/two-of-my-projects-featured-on-orcdev-s-youtube-channel.mdx): Both My Portfolio Website and React Wheel Picker were highlighted by OrcDev in his videos about shadcn tools.
- [Manu Arora reviewed My Portfolio Website](https://chanhdai.com/blog/manu-arora-reviewed-my-portfolio-website.mdx): A heartfelt moment when the creator of Aceternity UI — Manu Arora, shared his thoughts on my portfolio website.
- [Grateful for the Feedback on My Portfolio Website](https://chanhdai.com/blog/grateful-for-the-feedback-on-my-portfolio-website.mdx): Some kind words from X. Thanks to those behind the tools we rely on.
- [Work Experience](https://chanhdai.com/blog/work-experience-component.mdx): Displays a list of work experiences with role details and durations.
- [React Wheel Picker](https://chanhdai.com/blog/react-wheel-picker.mdx): iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
- [ChanhDai Brand](https://chanhdai.com/blog/chanhdai-brand.mdx): Key elements of the ChanhDai visual identity, including the mark, logotype, clear space, and more.
- [Theme Switcher](https://chanhdai.com/blog/theme-switcher-component.mdx): A theme switcher component for Next.js apps with next-themes and Tailwind CSS, supporting system, light, and dark modes.
- [Apple Hello Effect](https://chanhdai.com/blog/apple-hello-effect.mdx): Create a "Xin chào" and "Hello" writing effect inspired by Apple using Motion for React.
- [Awesome Terminal — iTerm2 + Zsh + Oh My Zsh + Amazon Q](https://chanhdai.com/blog/awesome-terminal.mdx): Optimize your terminal with iTerm2, Zsh, Oh My Zsh, and Amazon Q - a guide to installation, theme customization, plugins, and configuration for an enhanced command-line experience.
- [Installing Uptime Kuma with Docker and setting up NGINX with SSL](https://chanhdai.com/blog/uptime-kuma.mdx): Uptime Kuma is an easy-to-use self-hosted monitoring tool.
- [Welcome to chanhdai.com](https://chanhdai.com/blog/welcome.mdx): A minimal, pixel-perfect dev portfolio, component registry, and blog to showcase my work as a Design Engineer.