Ahmed Zaki Al-Gabaly's Portfolio

Welcome to my personal portfolio website!
This project showcases my skills, projects, and experience as a software engineer. Built with Next.js, React, and Tailwind CSS, it provides a modern, fast, and responsive user experience.

---

🚀 Features

• About Me: Learn more about my background and interests.
• Projects: Explore my work and contributions.
• Skills: See my technical expertise and tools I use.
• Contact: Send me a message directly through the contact form (powered by EmailJS).
• Live Chatbot: Interact with my AI chatbot for quick questions.
• Dark/Light Theme: Switch between light and dark modes.
• Responsive Design: Works perfectly on desktop and mobile devices.

---

🛠️ Tech Stack

• Framework: Next.js (React)
• Styling: Tailwind CSS
• Forms: React Hook Form, EmailJS
• UI Components: Radix UI, Lucide Icons
• Animations: Tailwind CSS Animate
• Chatbot: VectorShift AI

---

📦 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/your-portfolio.git
   cd your-portfolio

2. Install dependencies:

   npm install

3. Run locally:

   npm run dev

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

---

🌐 Deployment

This project is best deployed on Vercel (recommended for Next.js) or Netlify.

---

✏️ Customization

• Change text/images: Edit files in the components/ and data/ folders.
• Add new projects/skills: Update data/projects.ts and data/skills.ts.
• Update contact form: Configure your EmailJS service and template.
• Modify chatbot: Edit components/ChatWidget.tsx.

---

📫 Contact

Feel free to reach out via the contact form or connect with me on LinkedIn.

---

📝 License

This project is open source and available under