Usama Imran — Portfolio

A clean, elegant portfolio built with Next.js 14, Tailwind CSS, and Framer Motion.

🛠 Local Development

npm install
npm run dev

Open http://localhost:3000

📁 Project Structure

portfolio/
├── app/
│   ├── globals.css       # Global styles & design tokens
│   ├── layout.tsx        # Root layout + metadata
│   └── page.tsx          # Main page
├── components/
│   ├── Navbar.tsx        # Fixed navigation
│   ├── Hero.tsx          # Landing + stats
│   ├── Experience.tsx    # Work history timeline
│   ├── Skills.tsx        # Skill categories grid
│   ├── Education.tsx     # Academic background
│   └── Contact.tsx       # Contact + footer
├── lib/
│   └── data.ts           
└── ...config files

Tech Stack

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• Framer Motion (scroll animations)
• Google Fonts — Cormorant Garamond + DM Sans