Portfolio

A modern Portfolio website built with React and modern CSS. Features AI-Chatbot, and seamless user experience.

🚀 Live Demo

View Live Site

---

HEADER

Features

• AI Portfolio Assistant - Get instant answers about my skills and experience

• Responsive Design - Perfect on all devices from desktop to mobile

• Interactive Project Showcase - Hover effects with live demo links

• Dark/Light Mode - Toggle between themes with automatic saving

• Contact Form - Direct messaging with Netlify integration

• Smooth Animations - Professional transitions and hover effects

• Resume Download - One-click PDF download

• Social Integration - Quick links to GitHub, LinkedIn, and Twitter

Tech Stack

• Frontend: React 18, CSS3, HTML5
• AI Integration: Groq API (Llama 3.1)
• Icons: React Icons
• Deployment: Netlify

Project Structure

portfolio/ ├── public/ │ ├── resume.pdf │ ├── myPhoto.jpg │ ├── delete.png ├── src/ │ ├── components/ │ │ ├── Header.jsx │ │ ├── Hero.jsx │ │ ├── Projects.jsx │ │ ├── About.jsx │ │ ├── Contact.jsx │ │ ├── Footer.jsx │ │ └── Chatbot.jsx │ ├── data/ │ │ └── projectsData.js │ ├── styles/ │ │ ├── index.css │ │ ├── Header.css │ │ ├── Hero.css │ │ ├── Projects.css │ │ ├── About.css │ │ ├── Contact.css │ │ ├── Footer.css │ │ └── Chatbot.css │ ├── utils/ │ │ └── ai.js │ ├── App.jsx │ └── main.jsx ├── package.json ├── vite.config.js ├── netlify.toml └── .env.local

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

##👨‍💻 Developer Youssef (hddgpp) front-end Developer & AI Enthusiast

GitHub: @hddgpp

Email: youssef.dev.ai@outlook.com

🙏 Acknowledgments Groq API for lightning-fast AI inference

Google Maps for location services

Netlify for seamless deployment

⭐ Star this repo if you found the AI integration inspiring!