<p><img src="https://media.daily.dev/image/upload/s--aWLslYU3--/f_auto/v1744482505/ugc/content_50c23b68-02a5-43d8-bb3e-e0b3b2f269d0" alt="dailydev-cover"></p>
<p>@Hi devs! 👋<br>
I’m <strong>Kinh Bach</strong>, a passionate Frontend Developer. I’m excited to share with you the latest version of my personal portfolio — not just a website, but a developer’s playground, crafted with cutting-edge tools and a sharp eye for design.</p>
<p>🌐 <strong>Visit my live portfolio:</strong> <a href="https://kinhdev.id.vn" target="_blank" rel="noopener nofollow">kinhdev.id.vn</a><br>
💻 <strong>GitHub Repository:</strong> <a href="https://github.com/kinhdev24/kinhdev24-portfolio" target="_blank" rel="noopener nofollow">https://github.com/kinhdev24/kinhdev24-portfolio</a></p>
<hr>
<h2>💡 The Vision</h2>
<p>This project started with a simple goal:</p>
<blockquote>
<p><strong>Build a portfolio that not only tells my story — but shows what I’m capable of.</strong></p>
</blockquote>
<p>It’s designed to reflect modern frontend practices, animations, dark mode magic, and clean architecture that’s ready for scaling.</p>
<hr>
<h2>🛠 Tech Stack</h2>
<ul>
<li>⚛️ <strong><a href="https://nextjs.org/blog/next-15" target="_blank" rel="noopener nofollow">Next.js 15 (App Router)</a></strong></li>
<li>🎨 <strong><a href="https://tailwindcss.com/" target="_blank" rel="noopener nofollow">Tailwind CSS</a></strong></li>
<li>🧩 <strong><a href="https://magicui.design/" target="_blank" rel="noopener nofollow">MagicUI</a></strong> + <strong><a href="https://ui.aceternity.com/" target="_blank" rel="noopener nofollow">AceternityUI</a></strong></li>
<li>⛸ <strong><a href="https://www.framer.com/motion/" target="_blank" rel="noopener nofollow">Framer Motion</a></strong> for smooth animations</li>
</ul>
<hr>
<h2>✨ Key Features</h2>
<h3>🎨 Stunning, Animated UI</h3>
<p>A blend of MagicUI and AceternityUI brings fluid transitions, hover animations, and playful micro-interactions.</p>
<h3>🧱 Modular &amp; Scalable Architecture</h3>
<p>Every section is component-based, cleanly separated, and production-ready — great for future scaling.</p>
<h3>🌗 Seamless Theme Support</h3>
<p>Auto-syncs with your OS dark/light mode, giving users a smooth, personalized experience.</p>
<hr>
<h2>🚀 Why Build Your Own Portfolio?</h2>
<p>Creating a custom portfolio is more than a checkbox for your resume — it’s:</p>
<ul>
<li>A canvas for your skills and personality</li>
<li>A real-world frontend challenge</li>
<li>A way to stand out from template users</li>
<li>Your digital business card in the dev world</li>
</ul>
<hr>
<h2>🛣 What’s Next?</h2>
<p>I’m constantly iterating on my portfolio to better reflect my skills and ambitions. Here’s what’s coming soon:</p>
<ul>
<li>📁 <strong>Showcases</strong>: A dedicated section to highlight creative UI experiments and animations.</li>
<li>🚧 <strong>Projects</strong>: A dynamic portfolio grid powered by CMS — for real-time updates on what I’m working on.</li>
<li>🧑‍💼 <strong>Experience</strong>: Timeline-based layout to present my work history, responsibilities, and achievements.</li>
</ul>
<p>Stay tuned for these upcoming enhancements!</p>
<hr>
<h2>💬 Let’s Connect!</h2>
<p>Got feedback? Want to collaborate? Or just say hi?</p>
<p>🌐 <a href="https://kinhdev.id.vn" target="_blank" rel="noopener nofollow">kinhdev.id.vn</a><br>
💼 <a href="https://www.linkedin.com/in/kinhdev24/" target="_blank" rel="noopener nofollow">LinkedIn</a></p>
<hr>
<blockquote>
<p><strong>“A portfolio isn’t just a place to show the world what you’re good at — it’s where you tell the story of your growth as a developer.”</strong></p>
</blockquote>
<hr>
<p>#Reactjs #Nextjs #MagicUI #AceternityUI #FrontendDev #Portfolio #CleanCode #TailwindCSS #React #FramerMotion #DevJourney #WebDesign</p>


A safe place for React developers. Here you can find all kinds of topics related to React. Feel free to share your own :)

The React Community

Frontend Developer Kinh Bach shares his latest personal portfolio built using Next.js 15, MagicUI, and AceternityUI. The portfolio features stunning animated UI, modular and scalable architecture, and seamless theme support. Kinh highlights the importance of creating a custom portfolio and outlines future updates, including showcases, a dynamic projects section, and a timeline-based experience layout.

🚀 A Dev’s Dream Portfolio — Built with Next.js 15, MagicUI & AceternityUI

<p>In an era where everything always looks the same, looking at things like this is like breathing fresh new air</p>


<p>This portfolio is amazing! I love the design and the smooth animations. Great job on using Next.js, MagicUI &amp; AceternityUI!</p>


<p>Hey kinh! just a little constructive criticism here. it looks really cool and the animations look great. but i think you’re trying to do a lot of things in a small space. i’ll list them below:</p>
<ul>
<li>Maybe your name would look better without that animation, when you animate your name and the card underneath it’s like a little too much for the eyes.</li>
<li>i think that your skills on that json slider looks amazing, but be sure to give both files the same size (projects img is smaller and you can’t really see what’s written easily) - the music player it’s cool, but it breaks with the style - that toy image looks good, but that zoom on hover it’s almost unnecessary - on the right we have cards that look clickable, but they’re not. remove that clickable cursor on hover and it’ll be great!</li>
<li>the last section on the left with your links are great! but they don’t look clickable. you should use the cursor i told you about on the prev point there! and please remember that this is written with the best intentions and trying to help you get a better look there. hope you don’t take it wrong!</li>
</ul>


<p>Awesome Portfolio. Animations are too good and amazing. Love it.</p>
