My Projects

The official web platform for the Zanzibar International Film Festival (ZIFF), showcasing film selections, festival schedules, awards, and event registration.

• Comprehensive festival schedule with interactive daily filters
• Official selection database and award listing showcase
• Online registration portal for film submissions and participants
• Responsive design with multilingual support (English & Kiswahili)

Tech Stack: HTML/CSS, JavaScript, Bootstrap, PHP

A premium internal task, project, and client management panel for high-performing marketing agencies.

• Internal tasks & projects tracking board
• Client database & premium admin panel
• Sleek and optimized dashboard for productivity

Tech Stack: Next.js, React, Tailwind CSS

A youth-centered technology company bridging the digital skills gap and delivering high-quality software solutions across Africa.

• Digital skills training and verification platform
• Client-developer matching for real-world experience
• Custom web and mobile app development services

Tech Stack: React, Vite, Tailwind CSS

A comprehensive learning management system (LMS) designed for Egyptian high school students studying Philosophy, Logic, and Psychology under Dr. Tarek Ramadan.

• Comprehensive video lessons using mental maps
• Smart question bank containing thousands of assessment MCQs
• Complete library of summaries, worksheets, and model solutions
• Flexible chapter/semester subscriptions and parent follow-up reports

Tech Stack: React, Vite, Tailwind CSS, IBM Plex Sans Arabic

An AI-powered personal trainer and complete fitness ecosystem offering customized coaching, nutrition plans, and body scanning.

• AI-powered workouts adapting to equipment & goals
• Physique analysis and estimation of body fat/type
• Custom calorie and macro tracker with meal suggestions
• Bilingual support (English & Arabic) and 1-on-1 coach booking

Tech Stack: Flutter, Firebase, AI Services

Official website for SOLFA, empowering marginalized communities through sustainable agriculture.

• Responsive Next.js frontend
• Community engagement hub
• Optimized for scalability

Tech Stack: Next.js, Tailwind CSS, Vercel

A humanitarian organization committed to providing accessible, customized psychological support to individuals and communities in war zones and those in most need worldwide.

• Accessible psychological support platform
• Global reach for war-affected zones
• Responsive design for accessibility

Tech Stack: Next.js, React, Tailwind CSS

A modern, high-performance coaching dashboard built with React and Vite. Designed for fitness coaches to manage clients, track progress, and schedule sessions efficiently.

• Client Management: detailed profiles with health stats & progress tracking
• Session Notes: Modern interface for documenting sessions & recommendations
• Progress Tracking: Visual representations of workout consistency
• Scheduling: Integrated booking history and session management
• Responsive Design: Optimized for various devices with a sleek dark-themed UI

Tech Stack: React, Vite, Vanilla CSS, React Router

A secure and scalable web-based file management system for SOLFA, featuring authentication, file sharing, comments, and admin controls.

• User registration and authentication
• File upload, download, and metadata management
• Granular file sharing (specific users or public)
• Comment system for collaborative communication
• Admin dashboard for user role and status management
• Responsive interface with Tailwind CSS

Tech Stack: PHP, MySQL, Tailwind CSS, JavaScript, AWS S3

An AI assistant that lets users chat directly with their Google Docs using GPT models via a seamless Next.js integration.

• Google Docs integration via service account authentication
• Context-aware chat responses using document content
• Secure API routes for chat and diagnostics

Tech Stack: Next.js, TypeScript, Google Drive API, OpenRouter

A modern educational platform with role-based dashboards for students, instructors, and administrators.

• User authentication and role-based access control
• Course management and enrollment system
• Quiz and assignment functionality
• Admin panel for user and content management
• Responsive UI with Tailwind CSS

Tech Stack: Next.js 15, React 19, TypeScript, Tailwind CSS, React Context API

A Flutter app with Firebase and AI chatbot for machine repair technicians.

• Real-time customer data management
• AI chatbot for machine diagnostics
• Secure Firebase backend

Tech Stack: Flutter, Firebase, AI Chatbot

A modern personal portfolio with an AI-powered RAG chatbot assistant, built using Next.js 15, React 19, and advanced AI integrations.

• RAG-powered chatbot with Pinecone + Hugging Face embeddings
• OpenRouter integration for AI completions
• Responsive and animated portfolio design

Tech Stack: Next.js 15, React 19, Tailwind CSS, Pinecone, Hugging Face, OpenRouter

E-commerce platform for ALA’s student-led merchandise brand.

• Seamless product browsing and ordering
• Modern UI with smooth UX
• Scalable architecture

Tech Stack: Next.js, Tailwind CSS, Vercel

A comprehensive body analysis tool that assesses body type, shape, health metrics, and provides personalized recommendations using advanced AI integrations.

• Body fat analysis via Nyckel API
• Enhanced visual & data-driven insights via MoonshotAI
• Intuitive flow: input user data + photo → get detailed body insights

Tech Stack: Next.js, TypeScript, Nyckel API, MoonshotAI, Tailwind CSS

Mobile app for ALA’s FootPrints brand to shop merchandise on the go.

• User-friendly mobile interface
• Secure checkout process
• Cross-device consistency

Tech Stack: Flutter, Firebase