Skip to content

MohamedHamid4/MohamedHamid.com

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mohamed Hamid — Portfolio Website

Flutter Developer & Mobile App Specialist — Available for freelance projects.

A personal portfolio website showcasing my work in Flutter, mobile app development, and web technologies. Built with clean, responsive HTML, CSS, and JavaScript — designed to present my projects, skills, and contact information in a modern, professional way.

🌐 Live Demo: mohamedhamid4.github.io/MohamedHamid.com


📸 Preview

Portfolio Screenshot

✨ Features

  • 🎯 Responsive Design — Looks great on desktop, tablet, and mobile
  • 🎬 Animated Background Video — Auto-playing hero section with iOS Safari support
  • 📜 Scroll Animations — Smooth AOS (Animate On Scroll) effects throughout
  • ⌨️ Typed.js Integration — Dynamic typing effect in the hero section
  • 📬 Working Contact Form — Powered by Formspree (no backend required)
  • Accessible — Semantic HTML with proper ARIA labels for screen readers
  • 🔒 Secure External Links — All outbound links use rel="noopener noreferrer"
  • 📱 Cross-Browser Compatible — Tested on Chrome, Firefox, Safari, and Edge

🛠️ Tech Stack

Category Technologies
Frontend HTML5, CSS3, JavaScript (ES6+)
Styling Bootstrap 5, Custom CSS
Animations AOS, Typed.js
Icons Bootstrap Icons, BoxIcons
Form Backend Formspree
Hosting GitHub Pages

🚀 Getting Started

Prerequisites

You only need a modern web browser to view the site. To run or edit it locally:

  • A code editor (VS Code recommended)
  • A local server (optional, for live reload)

Installation

Clone the repository:

git clone https://github.com/MohamedHamid4/MohamedHamid.com.git
cd MohamedHamid.com

Open index.html in your browser:

# macOS
open index.html

# Linux
xdg-open index.html

# Windows
start index.html

Or serve it with a local server for a better development experience:

# Using Python
python -m http.server 8000

# Using Node.js (with live-server)
npx live-server

Then visit http://localhost:8000 in your browser.


📂 Project Structure

MohamedHamid.com/
├── assets/
│   ├── css/            # Stylesheets
│   ├── img/            # Images and project screenshots
│   ├── js/             # JavaScript files
│   └── vendor/         # Third-party libraries
├── forms/              # Form configuration
├── index.html          # Main page
└── README.md           # You are here

🎨 Featured Projects

This portfolio showcases a range of projects, including:

  • MOOV EDITOR — Video editing application
  • Workspace Hub — Flutter booking system for workspaces
  • Rika Fashion Store — E-commerce mobile app
  • Quran App — Islamic app with clean UI
  • Manger Residential Buildings — Real estate management app
  • Quiz App — Interactive quiz application
  • Puzzles City — Puzzle game
  • Number Sequence Game — Logic-based game

Visit the live site to explore them all.


💼 Open for Work

I'm currently available for freelance projects — especially in:

  • Flutter mobile app development (iOS & Android)
  • Cross-platform app solutions
  • UI/UX implementation from design to production
  • API integration and custom backend solutions

Let's build something great together!


📬 Contact

Mohamed Hamid


🤝 Contributing

This is a personal portfolio, but if you spot a bug or have a suggestion, feel free to open an issue or reach out directly.


📄 License

This project is open source and available under the MIT License.

The original template was customized from BootstrapMade. All project content, images, and modifications are © Mohamed Hamid.


⭐ Show Your Support

If you like this project, give it a ⭐ on GitHub — it helps a lot!


Made with ❤️ by Mohamed Hamid