Mohye Eldin Elsayed - Portfolio Website

A modern, responsive portfolio website showcasing my skills, projects, and experience as a Full Stack Developer & UI/UX Designer.

🚀 Live Demo

Visit the live website:(https://mohyedev.github.io/MohyePortfolio/)

✨ Features

• Responsive Design: Fully responsive layout that works on all devices
• Modern UI/UX: Clean, professional design with smooth animations
• Interactive Elements: Dynamic navigation, smooth scrolling, and form handling
• Performance Optimized: Fast loading with optimized assets
• SEO Friendly: Proper meta tags and semantic HTML structure
• Accessibility: WCAG compliant with proper ARIA labels

🛠️ Technologies Used

Frontend

• HTML5: Semantic markup structure
• CSS3: Modern styling with Flexbox and Grid
• JavaScript (ES6+): Interactive functionality
• Font Awesome: Icons and visual elements
• Google Fonts: Inter font family

Development Tools

• Live Server: Local development server
• Git: Version control
• VS Code: Code editor

📁 Project Structure

mohye-portfolio/
├── index.html          # Main HTML file
├── styles.css          # CSS styles and animations
├── script.js           # JavaScript functionality
├── package.json        # Project dependencies and scripts
└── README.md          # Project documentation

🚀 Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn package manager
• A modern web browser

Installation

1. Clone the repository

   git clone https://github.com/mohye-eldin/portfolio.git
   cd mohye-portfolio

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open your browser Navigate to http://localhost:3000 to view the website

Alternative Setup (Without Node.js)

If you don't have Node.js installed, you can simply:

1. Download or clone the project files
2. Open index.html in your web browser
3. The website will work perfectly as a static site

📱 Sections

🏠 Home

• Hero section with introduction
• Call-to-action buttons
• Professional profile card

👨‍💻 About

• Personal introduction
• Professional statistics
• Skills overview

🛠️ Skills

• Frontend technologies (HTML, CSS, JavaScript, React, Vue.js, TypeScript)
• Backend technologies (Node.js, Python, Express.js, Django, MongoDB, PostgreSQL)
• Tools & Others (Git, Docker, AWS, Figma, Photoshop, Linux)

🚀 Projects

• Featured project showcase
• Project descriptions and technologies
• Live demo and GitHub links

📞 Contact

• Contact information
• Social media links
• Working contact form

🎨 Customization

Personal Information

Update the following in index.html:

• Name and title in the hero section
• About section content
• Contact information
• Social media links
• Project details

Styling

Modify styles.css to:

• Change color scheme
• Update fonts
• Adjust layout and spacing
• Add custom animations

Functionality

Enhance script.js to:

• Add new interactive features
• Integrate with backend services
• Add analytics tracking
• Implement additional animations

📦 Deployment

GitHub Pages

1. Push your code to a GitHub repository
2. Go to repository Settings > Pages
3. Select source branch (usually main)
4. Your site will be available at https://username.github.io/repository-name

Netlify

1. Connect your GitHub repository to Netlify
2. Deploy automatically on every push
3. Custom domain support available

Vercel

1. Import your GitHub repository
2. Deploy with zero configuration
3. Automatic HTTPS and global CDN

Other Hosting Services

• Firebase Hosting: Google's hosting platform
• AWS S3 + CloudFront: Scalable cloud hosting
• Surge.sh: Simple static site deployment

🔧 Available Scripts

• npm start: Start development server
• npm run dev: Start development server with file watching
• npm run build: Build the project (placeholder for future build process)
• npm run deploy: Deploy instructions

📄 License

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

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📞 Contact

Mohye Eldin Elsayed

• Email: mohye.elsayed@email.com
• LinkedIn: linkedin.com/in/mohye-eldin
• GitHub: github.com/mohye-eldin
• Twitter: @mohye_eldin

🙏 Acknowledgments

• Font Awesome for the amazing icons
• Google Fonts for the Inter font family
• All the open-source developers who inspire me daily

---

⭐ If you found this project helpful, please give it a star on GitHub!