aryafmdev-portfolio

A modern personal portfolio built with Next.js, TypeScript, and Tailwind CSS.
It showcases projects, skills, and professional growth with a clean, responsive design and developer‑friendly architecture.

🌐 Live Demo: aryafmdev-portfolio.vercel.app

---

✨ Features

• Responsive design optimized for desktop and mobile.
• Project showcase with live preview links.
• Smooth animations powered by Framer Motion.
• 3D elements using Three.js and @react-three/fiber.
• Contact form integration with SendGrid.
• Type-safe development with TypeScript and Zod.
• Developer-friendly architecture with ESLint and modern tooling.

---

📦 Tech Stack

• Framework: Next.js (v16)
• Language: TypeScript (v5)
• Styling: Tailwind CSS (v4)
• UI/Icons: @iconify/react
• Animation: Framer Motion
• 3D Graphics: Three.js, @react-three/fiber, @react-three/drei
• Validation: Zod
• Email: @sendgrid/mail
• Linting: ESLint + eslint-config-next