Abdullah Abbad - Portfolio

A modern, responsive, and interactive portfolio website built with Next.js 13, TypeScript, and Tailwind CSS. This portfolio showcases my projects, skills, and experience as a Full Stack Web Developer.

✨ Features

• Modern UI/UX - Clean, responsive design with smooth animations
• Dark/Light Mode - Built-in theme support with next-themes
• 3D Elements - Interactive 3D components using Framer Motion
• Performance Optimized - Fast loading with Next.js 13 App Router
• Type Safety - Built with TypeScript for better developer experience
• Responsive Design - Works on all device sizes

🚀 Technologies Used

• Framework: Next.js 13 (App Router)
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: React Icons
• Form Handling: React Hook Form
• State Management: React Context
• Deployment: Vercel

🛠️ Getting Started

Prerequisites

• Node.js 16.8 or later
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/CodeGeniusDev/my-app.git
   cd my-app

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:3000 in your browser.

📂 Project Structure

my-app/
├── app/                  # App Router
├── components/           # Reusable components
│   ├── ui/              # UI components
│   └── ...
├── Data/                # Static data and content
├── public/              # Static assets
└── styles/              # Global styles

🎨 Customization

1. Update your personal information in app/layout.tsx
2. Modify the projects data in Data/index.ts
3. Update the theme colors in tailwind.config.ts
4. Replace the images in public/ with your own

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Next.js Documentation
• Tailwind CSS Documentation
• Framer Motion Documentation

---

Made with ❤️ by Abdullah Abbad