{"id":29130496,"url":"https://github.com/ahmedalsanadi/portfolio","last_synced_at":"2026-04-12T05:31:27.780Z","repository":{"id":301816902,"uuid":"1009953658","full_name":"ahmedalsanadi/Portfolio","owner":"ahmedalsanadi","description":"Modern Full-Stack Developer Portfolio – A responsive Next.js portfolio showcasing Ahmed Al-Sanadi’s projects, skills, and experience in React, Laravel, PHP, and modern web technologies. Features dark theme, smooth animations, and interactive components.","archived":false,"fork":false,"pushed_at":"2025-06-29T02:07:28.000Z","size":28723,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-29T02:38:56.718Z","etag":null,"topics":["ahmed-al-sanadi","animations","component-based","dark-theme","full-stack-developer","modern-web","nextjs","portfolio","react","responsive-design","seo-optimized","tailwindcss","typescript","vercel-deployment","web-development"],"latest_commit_sha":null,"homepage":"https://portfolio-mu-six-s2txlp8trd.vercel.app/","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/ahmedalsanadi.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}},"created_at":"2025-06-28T03:24:20.000Z","updated_at":"2025-06-29T02:07:31.000Z","dependencies_parsed_at":"2025-06-29T02:49:05.307Z","dependency_job_id":null,"html_url":"https://github.com/ahmedalsanadi/Portfolio","commit_stats":null,"previous_names":["ahmedalsanadi/portfolio"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ahmedalsanadi/Portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedalsanadi%2FPortfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedalsanadi%2FPortfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedalsanadi%2FPortfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedalsanadi%2FPortfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ahmedalsanadi","download_url":"https://codeload.github.com/ahmedalsanadi/Portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedalsanadi%2FPortfolio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262708005,"owners_count":23351532,"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","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":["ahmed-al-sanadi","animations","component-based","dark-theme","full-stack-developer","modern-web","nextjs","portfolio","react","responsive-design","seo-optimized","tailwindcss","typescript","vercel-deployment","web-development"],"created_at":"2025-06-30T04:05:57.134Z","updated_at":"2025-12-30T22:20:22.022Z","avatar_url":"https://github.com/ahmedalsanadi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✨ Ahmed Al-Sanadi - Full-Stack Developer Portfolio\n\n[![Next.js](https://img.shields.io/badge/Next.js-15.3.4-black?style=for-the-badge\u0026logo=next.js)](https://nextjs.org/)\n[![React](https://img.shields.io/badge/React-18.2.0-blue?style=for-the-badge\u0026logo=react)](https://reactjs.org/)\n[![TypeScript](https://img.shields.io/badge/TypeScript-5.2.2-blue?style=for-the-badge\u0026logo=typescript)](https://www.typescriptlang.org/)\n[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-3.3.3-38B2AC?style=for-the-badge\u0026logo=tailwind-css)](https://tailwindcss.com/)\n[![Laravel](https://img.shields.io/badge/Laravel-11-red?style=for-the-badge\u0026logo=laravel)](https://laravel.com/)\n[![PHP](https://img.shields.io/badge/PHP-8.3-777BB4?style=for-the-badge\u0026logo=php)](https://www.php.net/)\n\n\u003e **Modern, responsive portfolio website showcasing full-stack development projects and skills**\n\n## 📋 Table of Contents\n\n- [About](#about)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Projects Showcased](#projects-showcased)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Deployment](#deployment)\n- [Contact](#contact)\n\n## 🎯 About\n\nThis is the personal portfolio website of **Ahmed Mohammed Abdulrahman Al-Sanadi**, a passionate Full-Stack Developer with over 4+ years of experience. The portfolio showcases a collection of modern web applications, demonstrating expertise in both frontend and backend technologies.\n\n### Key Highlights:\n- **4+ Years** of software development experience\n- **Full-Stack** expertise (Frontend \u0026 Backend)\n- **Modern Tech Stack** (Next.js, React, Laravel, PHP)\n- **Mobile Development** (Flutter/Dart)\n- **Database Management** (MySQL, SQLite, Oracle)\n- **Cloud Deployment** (Vercel, Netlify)\n\n## ✨ Features\n\n### 🎨 Modern Design\n- **Responsive Design** - Optimized for all devices\n- **Dark Theme** - Professional dark color scheme\n- **Smooth Animations** - Intersection Observer animations\n- **Interactive Elements** - Hover effects and transitions\n- **Particle Background** - Dynamic visual effects\n\n### 📱 User Experience\n- **Fast Loading** - Optimized performance with Next.js\n- **SEO Optimized** - Meta tags and structured data\n- **Accessibility** - WCAG compliant design\n- **Cross-browser** - Compatible with modern browsers\n\n### 🛠️ Technical Features\n- **Component-based Architecture** - Reusable React components\n- **TypeScript Support** - Type-safe development\n- **Tailwind CSS** - Utility-first styling\n- **Data Management** - JSON-based content management\n- **Image Optimization** - Next.js image optimization\n\n## 🛠️ Technologies Used\n\n### Frontend\n- **Next.js 15** - React framework with App Router\n- **React 18** - UI library with hooks\n- **TypeScript** - Type-safe JavaScript\n- **Tailwind CSS** - Utility-first CSS framework\n- **Lucide React** - Beautiful icons\n- **React Intersection Observer** - Scroll animations\n\n### Backend \u0026 Database\n- **Laravel 11** - PHP web framework\n- **PHP 8.3** - Server-side scripting\n- **MySQL** - Relational database\n- **SQLite** - Lightweight database\n- **Oracle** - Enterprise database\n\n### Mobile Development\n- **Flutter** - Cross-platform mobile framework\n- **Dart** - Programming language\n\n### Tools \u0026 Deployment\n- **Git \u0026 GitHub** - Version control\n- **Vercel** - Frontend deployment\n- **Netlify** - Static site hosting\n- **Postman** - API testing\n- **Figma** - Design collaboration\n\n## 🚀 Projects Showcased\n\n### 1. **Movie Streaming App** 🎬\n- **Tech Stack**: Next.js, React, Tailwind CSS, Firebase, i18next\n- **Features**: Advanced search, watchlists, multi-language support, Firebase auth\n- **Live Demo**: [Movie Streaming App](https://movie-streaming-app-virid.vercel.app/)\n- **GitHub**: [Repository](https://github.com/ahmedalsanadi/Movie-Streaming-App)\n\n### 2. **Car Rental Platform** 🚗\n- **Tech Stack**: Next.js 15, React 18, TypeScript, Tailwind CSS, Shadcn/ui\n- **Features**: Car browsing, filtering, rental management\n- **Live Demo**: [Car Rental](https://car-rental-psi-nine.vercel.app/)\n- **GitHub**: [Repository](https://github.com/ahmedalsanadi/car-rental)\n\n### 3. **FinBiz Financial Dashboard** 📊\n- **Tech Stack**: React, Chart.js, AOS, Tailwind CSS\n- **Features**: Interactive charts, smooth animations, responsive design\n- **Live Demo**: [FinBiz Dashboard](https://main--finbiz-al-sanadi.netlify.app/)\n- **GitHub**: [Repository](https://github.com/ahmedalsanadi/FinBiz)\n\n### 4. **Twitter Clone** 🐦\n- **Tech Stack**: TypeScript, React, Next.js, Prisma, MongoDB\n- **Features**: Tweet posting, liking, commenting, user profiles\n- **Live Demo**: [Twitter App](https://twitter-2n7ic2inc-ahmedalsanadis-projects.vercel.app/)\n- **GitHub**: [Repository](https://github.com/ahmedalsanadi/twitter-app)\n\n### 5. **Pixel Positions Job Site** 💼\n- **Tech Stack**: Laravel, PHP, Tailwind CSS, MySQL\n- **Features**: Job posting, application management, employer profiles\n- **GitHub**: [Repository](https://github.com/ahmedalsanadi/Pixel-Job-App-Site)\n\n### 6. **Biccas Landing Page** 🎨\n- **Tech Stack**: HTML5, CSS3, JavaScript\n- **Features**: Modern design, responsive layout, smooth animations\n- **Live Demo**: [Biccas Landing](https://ahmedalsanadi.github.io/Biccas-Landing-Page-Ahmed-Al-Sanadi/)\n- **GitHub**: [Repository](https://github.com/ahmedalsanadi/Biccas-Landing-Page-Ahmed-Al-Sanadi)\n\n## 🚀 Installation\n\n### Prerequisites\n- **Node.js** \u003e= 18.17.0\n- **npm** \u003e= 9.0.0\n\n### Setup Instructions\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/ahmedalsanadi/Portfolio.git\n   cd Portfolio\n   ```\n\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\n3. **Run the development server**\n   ```bash\n   npm run dev\n   ```\n\n4. **Open your browser**\n   Navigate to [http://localhost:3000](http://localhost:3000)\n\n### Available Scripts\n\n```bash\n# Development\nnpm run dev          # Start development server with Turbopack\nnpm run build        # Build for production\nnpm run start        # Start production server\nnpm run lint         # Run ESLint\nnpm run lint:fix     # Fix ESLint errors\nnpm run type-check   # TypeScript type checking\nnpm run format       # Format code with Prettier\nnpm run format:check # Check code formatting\n```\n\n## 📦 Usage\n\n### Project Structure\n```\nPortfolio/\n├── app/                    # Next.js App Router pages\n│   ├── about/             # About page\n│   ├── contact/           # Contact page\n│   ├── experience/        # Experience page\n│   ├── portfolio/         # Portfolio projects\n│   └── services/          # Services page\n├── components/            # React components\n│   ├── common/           # Shared components\n│   └── layouts/          # Layout components\n├── data/                 # JSON data files\n├── lib/                  # Utility functions\n├── public/               # Static assets\n└── styles/               # Global styles\n```\n\n### Customization\n\n1. **Update Personal Information**\n   - Edit `data/personal-data.json` for your details\n   - Modify `data/projects-data.json` for your projects\n\n2. **Styling**\n   - Customize colors in `tailwind.config.ts`\n   - Update global styles in `app/globals.css`\n\n3. **Content**\n   - Replace images in `public/` directory\n   - Update component content in respective files\n\n## 🌐 Deployment\n\n### Vercel (Recommended)\n1. Connect your GitHub repository to Vercel\n2. Vercel will automatically detect Next.js\n3. Deploy with one click\n\n### Netlify\n1. Build the project: `npm run build`\n2. Deploy the `out` directory to Netlify\n\n### Manual Deployment\n```bash\nnpm run build\nnpm run start\n```\n\n## 📞 Contact\n\n- **Name**: Ahmed Mohammed Abdulrahman Al-Sanadi\n- **Email**: [AhmedAlsanadi40@gmail.com](mailto:AhmedAlsanadi40@gmail.com)\n- **Phone**: +967 736 333 377\n- **Location**: Hada'a Street, Sana'a, Yemen\n- **GitHub**: [@ahmedalsanadi](https://github.com/ahmedalsanadi)\n- **LinkedIn**: [Ahmed Al-Sanadi](https://www.linkedin.com/in/ahmed-al-sanadi/)\n\n## 📄 License\n\nThis project is licensed under the **MIT License** - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- **Next.js Team** - For the amazing React framework\n- **Tailwind CSS** - For the utility-first CSS framework\n- **Laravel Team** - For the elegant PHP framework\n- **Open Source Community** - For inspiration and tools\n\n---\n\n\u003cdiv align=\"center\"\u003e\n\n**Made with ❤️ by Ahmed Al-Sanadi**\n\n[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/ahmedalsanadi)\n[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/ahmed-al-sanadi/)\n[![Email](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge\u0026logo=gmail\u0026logoColor=white)](mailto:AhmedAlsanadi40@gmail.com)\n\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmedalsanadi%2Fportfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmedalsanadi%2Fportfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmedalsanadi%2Fportfolio/lists"}