A modern, responsive, and accessible website showcasing Ahmed Maher's full-stack development services. Features interactive animations, service details modals, image slider, and comprehensive contact information with professional UI/UX design.
👀 Watch Live Demo: https://ahmed-maher77.github.io/Services-Showcase-Website/
Watch the Demo on LinkedIn: coming soon
- React JS - Modern UI library for building interactive, component-based user interfaces
- Vite - Lightning-fast build tool and development server for optimal performance
- Bootstrap - Comprehensive CSS framework ensuring responsive design and consistent styling
- Sass / Scss - Advanced CSS preprocessor enabling modular and maintainable stylesheets
- Boxicons - Professional icon library providing consistent visual elements
- ESLint - Code quality tool ensuring maintainable and consistent JavaScript code
- Intersection Observer API - Native browser API powering smooth scroll-triggered animations
- CSS3 Animations - Pure CSS animations with custom timing functions for enhanced user experience
- GitHub Pages - Static site hosting directly from your GitHub repository, enabling free and fast deployment of our React app
- 🎨 Responsive Design - Mobile-first approach with seamless cross-device compatibility
- ♿ Accessibility Features - Skip navigation, ARIA labels, and keyboard navigation support
- 🎬 Interactive Animations - Scroll-triggered animations using Intersection Observer API
- 🛠️ Service Showcase - 10+ comprehensive development services with detailed information modals
- 🖼️ Image Slider - Professional carousel component with indicators and manual controls
- ⚡ Performance Optimized - Lazy loading, code splitting, and efficient animation system
- 📱 Mobile Responsive - Optimized for all screen sizes and devices
- 🎯 Scroll Tracking - Active navigation highlighting based on user scroll position
- 🔄 Reusable Components - Modular architecture with reusable modal and animation systems
- 🎭 Professional Loader - Smooth initial loading screen with elegant transitions
- 📞 Contact Integration - Social media links and comprehensive contact information
- 🔍 SEO Ready - Semantic HTML structure and meta tags for search engine optimization
- Node.js (version 16 or higher)
- npm or yarn package manager
-
Clone the repository
git clone https://github.com/Ahmed-Maher77/Services-Showcase-Website.git cd Services-Showcase-Website -
Install dependencies
npm install
-
Start development server
npm run dev
-
Open in browser
http://localhost:5001
- 🧑💻 Portfolio: https://ahmedmaher-portfolio.vercel.app/
- 🔗 LinkedIn: https://www.linkedin.com/in/ahmed-maher-algohary
- 📧 Email: ahmedmaher.dev1@gmail.com
Contributions, suggestions, and bug reports are welcome. Feel free to open issues or pull requests.
If you found this project helpful or inspiring, please consider giving it a ⭐. Your support helps me grow and share more open-source projects like this!
This project is licensed under the MIT License - see the LICENSE file for details.
Built with ❤️ by Ahmed Maher