Selected Work

Led a 6-person team in developing a full-stack event management platform using Next.js and MongoDB, designing the system architecture, data models, API structure, and user flows. Managed GitHub workflows, code reviews, and deployment while implementing event registration APIs, role-based access control, and secure cookie-based authentication. Integrated Contentful CMS for marketing content, separating editorial data from core application operations.

Developed a CMS-driven developer blog using Next.js and Contentful, designing custom content models and integrating the Contentful SDK for dynamic content retrieval. Implemented slug-based dynamic routes with static generation and incremental revalidation for updated content. Built a custom Rich Text renderer supporting styled headings, code snippets, blockquotes, lists, and hyperlinks through reusable React components.

Built a responsive Unsplash-inspired interface using Next.js and Tailwind CSS, recreating its visual layout across mobile, tablet, and desktop. Implemented Intercepting and Parallel Routes to display images in contextual modals while supporting standalone pages through direct navigation or refresh. Integrated an email subscription form using Web3Forms and Next.js Server Actions, with submissions persisted in Neon PostgreSQL.

Led a 6-person team in developing a full-stack pet grooming booking platform, overseeing architecture, Git workflow, code reviews, deployment, and JWT-based authentication. Individually migrated the entire data layer from raw PostgreSQL queries to Prisma ORM on Neon, extending the booking workflow and database schema through migrations. Built upon a protected admin system supporting booking management, filtering, and server-side session verification.

Built a component-driven React application simulating a café ordering experience, with a focus on shared state management and persistence. Architected custom Cart and Favorites Contexts with localStorage persistence, dynamic quantity and price calculations, and synchronized UI state. Implemented React Router, a reusable data-fetching hook, client-side pagination, and real-time product search.

Acted as Project Lead for a collaborative weather application built with Astro and TailwindCSS. Architected the repository workflow, established global styling tokens, and integrated multiple third-party APIs (Open-Meteo and PlaceKit Autocomplete). Led the final code integration and ensured a fully responsive mobile and desktop UI.

A performance-focused product listing and detail website built individually using Astro and strict TypeScript. Leveraged Object-Oriented Programming (OOP) to abstract JSON data into robust data models, implementing custom component architecture and dynamic routing without external UI frameworks.

A responsive multi-page beauty website built from a Figma mockup using semantic HTML, SCSS, and vanilla JavaScript. Led the development team, managed Git workflows, and personally drove the UI layout and styling for key pages, ensuring high design accuracy without external CSS frameworks.

A minimalist magazine-style landing page inspired by modern design. Built using Flexbox and CSS Grid to create a responsive layout with clean typography and structured content sections.

A restaurant landing page designed to showcase menu items and identity. Developed using HTML and CSS with a focus on structure, visual hierarchy, and responsive design.

My first web development project, created to practice fundamentals of HTML and CSS. It focuses on basic page structure, styling, and understanding how websites are built from scratch.