👨‍💻 Minimalist Developer Portfolio

A high-performance, responsive portfolio website designed for Engineering Leads and Mobile Architects. Built with Next.js 14, Tailwind CSS, and Framer Motion.

🚀 Live Demo

View Live Portfolio

---

📖 About

A high-performance personal portfolio template engineered with Next.js 14 (App Router) and TypeScript.

This project demonstrates a scalable front-end architecture, featuring:

• Component-Driven Design: Modular UI built with Shadcn and Tailwind CSS.
• Performance Optimization: Server-Side Rendering (SSR) and optimized image loading.
• Centralized Data Layer: A type-safe data.ts file that decouples content from logic, allowing for instant updates.
• Advanced Animations: Smooth scroll-reveal effects and gestures powered by Framer Motion.

✨ Key Features

• Next.js 14 (App Router): Server-side rendering for optimal SEO and performance.
• TypeScript: Strict typing for robust, maintainable code.
• Tailwind CSS: Utility-first styling for a clean, custom design system.
• Framer Motion: High-performance scroll-reveal animations and interactive gestures.
• Data-Driven Architecture: All content (Experience, Projects, Skills) is separated into a strict data/portfolio.ts file, making updates instant without touching UI code.
• Responsive Design: Mobile-first approach, ensuring perfect rendering on all devices.

🛠️ Tech Stack

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Deployment: Vercel

---

⚡️ Getting Started

1. Clone the repository

git clone [https://github.com/yourusername/portfolio.git](https://github.com/yourusername/portfolio.git)
cd portfolio