Skip to content
Back to portfolio
Personal Project
Next.js 16React 19Tailwind CSSFramer MotionResend

Portfolio Website

This site, built with Next.js 16, React 19, Framer Motion, and a terminal-inspired design system. Bilingual (EN/ID), dark/light theme, and a Resend contact form.

https://www.mikhaeledo.com
P

www.mikhaeledo.com

Live DemoGitHub

Problem / Context

Needed a developer portfolio that survives a recruiter's first quick scan and still gives hiring managers enough depth to evaluate my work.

What I Built

  • Designed the terminal-inspired visual identity from scratch, including CSS variables, typography, and component library
  • Built bilingual (EN/ID) support via a custom language context and dictionary system
  • Implemented dark/light theming, smooth scroll, and Framer Motion page animations
  • Built a Next.js Route Handler that sends contact email through Resend and deployed the site on Vercel

Challenges

Balancing visual complexity (animations, grain texture, ambient glows) against performance and accessibility, keeping the site readable across both themes and both locales.

Result

Live at mikhaeledo.com with a case study for every project.

Salon Reservation App