🌐 Youssef Mohamed – Personal Portfolio

---

🚀 Overview

This is my personal portfolio website, showcasing my work, skills, and projects. Built with React.js, Tailwind CSS, and Three.js, it offers a modern and interactive experience.

🔥 Features

✅ Responsive Design – Optimized for all devices
✅ Smooth Animations – Powered by Framer Motion
✅ 3D Visuals – Integrated with Three.js
✅ Project Showcase – Highlighting my best work
✅ Dark Mode Support – For a sleek UI experience

🛠️ Tech Stack

• Frontend: React.js, Tailwind CSS
• 3D Rendering: Three.js, @react-three/fiber
• State Management: React Hooks
• Animations: Framer Motion

⚡ Setup & Installation

1️⃣ Clone the repository

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

2️⃣ Install dependencies

npm install

3️⃣ Run the development server

npm run dev

Now, open http://localhost:3000 in your browser.

📂 Project Structure

portfolio/
│── public/          # Static assets (images, icons)
│── src/
│   ├── components/  # Reusable components
│   ├── constants/   # Data files (projects, links)
│   ├── pages/       # Main page sections
│   ├── styles/      # Global styles
│── README.md
│── package.json
│── .gitignore

🚀 Deployment

This project is deployed using Vercel. To deploy your own version:

npm run build
vercel deploy

👨‍💻 Contributing

Want to improve this portfolio? Fork the repo and submit a PR!

📬 Contact

📧 Email: youssef.mu.saber@gmail.com
🔗 LinkedIn: linkedin.com/in/YoussefmSaber

---

🔥 Star this repo if you find it useful! ⭐🚀