Full-stack
Project 1
My portfolio & Blog post website
I built this website as my new personal portfolio, with an integrated blog to share my thoughts and document my learning journey. My main goal was to turn the entire site into a live demonstration of my skills, so performance and clean architecture were key priorities. To achieve this, I chose Next.js, taking advantage of PPR and SSG for static sections to maximize speed and SEO. I also worked through some of the more challenging parts of the framework—such as the new caching system and Cache Components—which felt confusing at first for a Junior Dev. A big challenge was making the comment system fully interactive without hurting performance, and implementing a complete admin dashboard to manage all dynamic content efficiently. Overall, this project showcases my ability to build modern, performant, and scalable full-stack frontend applications.
Frontend
Project 2
Consultation for Centipic Studio
I worked with Centipic Studio to fix website bugs and provide performance improvement insights. thay have a problem on there contact us page and some functionalities are not working and deploy related issues
Frontend
Project 3
Landing Page website
I've built this landing page website for a real estate company to showcasing their projects, the services they offer, and providing an easy way for users to contact them.
Frontend
Project 4
Archive Portfolio
My Legacy Portfolio is the first personal portfolio I built as a self-taught front-end developer. It includes a collection of early projects, UI experiments, and web development work that reflects the foundation of my learning journey. I’m including it in my new portfolio to show my evolution, how my design and coding style matured, and how far I’ve come since then.
Full-stack
Project 5
E-commerce website
I built a full-stack e-commerce web application using Next.js with a strong focus on performance, scalability, and SEO. The project features a complete user account management system, including authentication, profile management, saved addresses, and order history. Authentication is handled using Better Auth, ensuring secure and flexible user sessions, while the backend data layer is powered by Drizzle ORM for type-safe, efficient database operations. The application includes a fully featured admin dashboard that allows administrators to manage products, users, orders, and inventory through a clean and optimized interface. Product detail pages are statically rendered to improve load times and search engine visibility, and SEO is further enhanced using Next.js Sitemap, metadata optimization, and structured routing. Throughout the project, I focused on writing maintainable code, optimizing database queries, and leveraging modern Next.js features such as server components and static rendering to deliver a fast and scalable production-ready application.
