# chanhdai.com

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

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

## Blog

- [Welcome to mitr.dev](https://mitr.dev/blog/welcome.mdx): A minimal, pixel-perfect dev portfolio, component registry, and blog to showcase my work as a Design Engineer.
- [Shimmering Text](https://mitr.dev/blog/shimmering-text.mdx): Smooth shimmering text animation built with Motion.
- [Testimonials Marquee](https://mitr.dev/blog/testimonials-marquee.mdx): A testimonials marquee component for showcasing user feedback in a scrolling format.
- [Slide to Unlock](https://mitr.dev/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://mitr.dev/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.
- [Work Experience](https://mitr.dev/blog/work-experience-component.mdx): Displays a list of work experiences with role details and durations.
- [React Wheel Picker](https://mitr.dev/blog/react-wheel-picker.mdx): iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.
- [Theme Switcher](https://mitr.dev/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.
- [Writing Effect inspired by Apple](https://mitr.dev/blog/writing-effect-inspired-by-apple.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://mitr.dev/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.