Back to Projects
ullaskunder.tech: Personal Developer Portfolio

ullaskunder.tech: Personal Developer Portfolio

2024
Designer & Fullstack Developer
Live Website
Next.jsTypeScriptTailwindCSSFramer MotionGSAPMDXGitHub APIVercelNodemailer

Project Overview

A thoughtfully crafted portfolio showcasing my developer journey, skills, and projects, featuring elegant design, dynamic content, and subtle micro-interactions.

Key Achievements

  • Designed and developed a fully responsive portfolio using Next.js App Router and TailwindCSS with a focus on minimalism and clarity.
  • Implemented dynamic routing for project details using file-based slugs and MDX rendering.
  • Integrated GitHub as a headless CMS for blog posts, fetched via custom API route using Octokit.
  • Created animated hero sections, interactive cards, and micro-interactions using GSAP Flip and Framer Motion.
  • Added support for dark mode and seamless page transitions through custom layout and navigation components.
  • Set up Nodemailer integration with Gmail for secure contact form delivery via serverless API route.
  • Incorporated SEO best practices including meta tags, OG images, dynamic sitemap, robots.txt, and structured data.
  • Developed a functional guestbook feature for community interaction using serverless functions.
  • Enabled RSS feed and feed.xml generation for automatic syndication and dev.to integration.
  • Optimized performance through static generation (SSG), lazy loading, and Lighthouse auditing.

Project Details

This portfolio was built to reflect both my personal aesthetics and technical capabilities. It serves as a living resume, highlighting my key projects, career journey, and current goals — particularly my aspiration to work in Japan 🇯🇵.

The site is fully responsive, with smooth animations and transitions powered by Framer Motion and GSAP Flip. All project content is statically generated for performance, while dynamic blog content is fetched from GitHub using a custom API layer and rendered as MDX.

Additional features include a guestbook for user interaction, a secure contact form integrated via Nodemailer and Gmail, and full SEO setup including meta tags, OG images, sitemap, and robots.txt. A custom RSS feed and feed.xml are also generated for blog syndication and integration with dev.to.

Overall, this project is a culmination of everything I’ve learned — from frontend polish to API design — and a canvas for experimenting with new technologies and systems.

Project Gallery

Homepage with animated hero
Projects section grid view
Contact form with Gmail integration
Contact form with Gmail integration