🌐 Mazin Emad – Portfolio

Welcome to my personal developer portfolio, built with Next.js and Tailwind CSS. This site showcases my projects, skills, and experience as a frontend developer.

🚀 Tech Stack

• Next.js – App Router, SEO optimization, performance-focused
• Tailwind CSS – Utility-first styling with custom themes
• TypeScript (optional) – For type safety and better DX
• Framer Motion – Smooth animations and transitions
• Vercel – Hosting and CI/CD

📁 Project Structure

/app           # Pages and routes (App Router)
/components    # Reusable UI components
/public        # Static assets
/styles        # Global styles (if needed)
/utils         # Utility functions and helpers

🧰 Getting Started

1. Clone the repo

git clone https://github.com/mazinemad/portfolio.git
cd portfolio

2. Install dependencies

npm install
# or
yarn

3. Run the dev server

npm run dev
# or
yarn dev

Open http://localhost:3000 to view it in your browser.

---

🌟 Features

• Responsive, mobile-friendly design
• Dark mode support
• SEO and metadata configured
• Animated transitions
• Dynamic project and skills section

🛠️ Customization

You can customize the content in:

• /data or /content (if you use JSON/MDX)
• /components for UI changes
• /app/page.tsx for the homepage content

---

📦 Deployment

Deployed on Vercel. To deploy your own:

npx vercel

---

🙋‍♂️ About Me

I’m Mazin Emad, a frontend developer passionate about building clean, performant interfaces using React, Firebase, and modern web tools.

• 📫 Contact
• 🌍 Live Portfolio

---

📄 License

This project is open source and available under the MIT License.