{"id":31658129,"url":"https://github.com/ahmed-maher77/services-showcase-website","last_synced_at":"2026-04-14T19:31:15.067Z","repository":{"id":317610369,"uuid":"1068120946","full_name":"Ahmed-Maher77/Services-Showcase-Website","owner":"Ahmed-Maher77","description":"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.","archived":false,"fork":false,"pushed_at":"2025-10-01T23:19:32.000Z","size":5448,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-02T00:21:39.310Z","etag":null,"topics":["accessibility","animation-css","bootstrap","boxicons","css-animations","eslint","github-pages","image-slider","interactive-animations","intersection-observer-api","performance-optimization","professional-ui","reactjs","responsive-design","sass-framework","scroll-tracking","seo-friendly","services-showcased","vitejs","website"],"latest_commit_sha":null,"homepage":"https://ahmed-maher77.github.io/Services-Showcase-Website/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ahmed-Maher77.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-01T22:16:28.000Z","updated_at":"2025-10-01T23:19:35.000Z","dependencies_parsed_at":"2025-10-02T00:21:43.952Z","dependency_job_id":"fcb921e2-16a8-4cf7-beaf-96d05c593659","html_url":"https://github.com/Ahmed-Maher77/Services-Showcase-Website","commit_stats":null,"previous_names":["ahmed-maher77/services-showcase-website"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Ahmed-Maher77/Services-Showcase-Website","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FServices-Showcase-Website","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FServices-Showcase-Website/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FServices-Showcase-Website/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FServices-Showcase-Website/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ahmed-Maher77","download_url":"https://codeload.github.com/Ahmed-Maher77/Services-Showcase-Website/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ahmed-Maher77%2FServices-Showcase-Website/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278795231,"owners_count":26047168,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","animation-css","bootstrap","boxicons","css-animations","eslint","github-pages","image-slider","interactive-animations","intersection-observer-api","performance-optimization","professional-ui","reactjs","responsive-design","sass-framework","scroll-tracking","seo-friendly","services-showcased","vitejs","website"],"created_at":"2025-10-07T15:13:07.593Z","updated_at":"2025-10-07T15:13:09.316Z","avatar_url":"https://github.com/Ahmed-Maher77.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Services Showcase Website\n\nA 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.\n\n---\n\n## 🌐 Live Preview\n\n**👀 Watch Live Demo:** [https://ahmed-maher77.github.io/Services-Showcase-Website/](https://ahmed-maher77.github.io/Services-Showcase-Website/)\n\n---\n\n## 🎥 Demo Video\n\n**Watch the Demo on LinkedIn:** [coming soon]()\n\n---\n\n## 💻 Used Technologies\n\n### Frontend:\n\n-   **React JS** - Modern UI library for building interactive, component-based user interfaces\n-   **Vite** - Lightning-fast build tool and development server for optimal performance\n-   **Bootstrap** - Comprehensive CSS framework ensuring responsive design and consistent styling\n-   **Sass / Scss** - Advanced CSS preprocessor enabling modular and maintainable stylesheets\n-   **Boxicons** - Professional icon library providing consistent visual elements\n-   **ESLint** - Code quality tool ensuring maintainable and consistent JavaScript code\n-   **Intersection Observer API** - Native browser API powering smooth scroll-triggered animations\n-   **CSS3 Animations** - Pure CSS animations with custom timing functions for enhanced user experience\n\n### Hosting:\n\n-   **GitHub Pages** - Static site hosting directly from your GitHub repository, enabling free and fast deployment of our React app\n\n---\n\n## ✨ Key Features\n\n-   🎨 **Responsive Design** - Mobile-first approach with seamless cross-device compatibility\n-   ♿ **Accessibility Features** - Skip navigation, ARIA labels, and keyboard navigation support\n-   🎬 **Interactive Animations** - Scroll-triggered animations using Intersection Observer API\n-   🛠️ **Service Showcase** - 10+ comprehensive development services with detailed information modals\n-   🖼️ **Image Slider** - Professional carousel component with indicators and manual controls\n-   ⚡ **Performance Optimized** - Lazy loading, code splitting, and efficient animation system\n-   📱 **Mobile Responsive** - Optimized for all screen sizes and devices\n-   🎯 **Scroll Tracking** - Active navigation highlighting based on user scroll position\n-   🔄 **Reusable Components** - Modular architecture with reusable modal and animation systems\n-   🎭 **Professional Loader** - Smooth initial loading screen with elegant transitions\n-   📞 **Contact Integration** - Social media links and comprehensive contact information\n-   🔍 **SEO Ready** - Semantic HTML structure and meta tags for search engine optimization\n\n---\n\n## 📸 Website Preview\n\n\u003ca href=\"https://ahmed-maher77.github.io/Services-Showcase-Website/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"demo\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/ce8f8dd3-8ed2-42b7-bae2-1c8480c48174\" alt=\"website preview - UI Mockup\" width=\"400\"\u003e\n\u003c/a\u003e\n\n---\n\n## 📥 Installation Instructions for Local Setup\n\n### Prerequisites\n\n-   Node.js (version 16 or higher)\n-   npm or yarn package manager\n\n### Setup Steps\n\n1. **Clone the repository**\n\n    ```bash\n    git clone https://github.com/Ahmed-Maher77/Services-Showcase-Website.git\n    cd Services-Showcase-Website\n    ```\n\n2. **Install dependencies**\n\n    ```bash\n    npm install\n    ```\n\n3. **Start development server**\n\n    ```bash\n    npm run dev\n    ```\n\n4. **Open in browser**\n    ```\n    http://localhost:5001\n    ```\n\n---\n\n## 📬 Contact \u0026 Contribution\n\n-   🧑‍💻 **Portfolio:** \u003ca href=\"https://ahmedmaher-portfolio.vercel.app/\" title=\"See My Portfolio\"\u003ehttps://ahmedmaher-portfolio.vercel.app/\u003c/a\u003e\n-   🔗 **LinkedIn:** \u003ca href=\"https://www.linkedin.com/in/ahmed-maher-algohary\" title=\"Contact via LinkedIn\"\u003ehttps://www.linkedin.com/in/ahmed-maher-algohary\u003c/a\u003e\n-   📧 **Email:** \u003ca href=\"mailto:ahmedmaher.dev1@gmail.com\" title=\"Contact via Email\"\u003eahmedmaher.dev1@gmail.com\u003c/a\u003e\n\n\u003e Contributions, suggestions, and bug reports are welcome. Feel free to open issues or pull requests.\n\n---\n\n## ⭐ Support\n\nIf 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!\n\n---\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\n_Built with ❤️ by Ahmed Maher_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmed-maher77%2Fservices-showcase-website","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmed-maher77%2Fservices-showcase-website","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmed-maher77%2Fservices-showcase-website/lists"}