Full Project Archive

All Projects

89 repositories spanning creative 3D, frontend products, mobile apps, backend APIs, machine learning, hardware engineering, games, and open-source education.

01
Creative 3D

Freelance Creative Portfolio

ReactGSAPThree.jsGLSLTailwindReact Three Fiber

Elevated Lighthouse performance from 34 β†’ 96 and SEO from 40 β†’ 90. Interactive 3D experiences with 100% best-practices score.

Private Repository πŸ”’
02
Creative 3D

Slider With Shader

ReactThree.jsGLSLGSAP

Custom GLSL shader slide transitions achieving 60 FPS. Part of a paid immersive web course with React Three Fiber.

View β†—
03
Creative 3D

Center Of Gravity

HTMLCSSJavaScriptCannon.jsGSAPThree.js

Physics-driven hero inspired by Noomo Labs with real-time Cannon.js interactions, cross-browser responsive at 60 FPS.

View β†—
04
Creative 3Dβ˜… 59

Apple Website 3D

JavaScriptThree.jsGSAPCSS

Apple-inspired 3D scroll-driven product landing page. Most starred repo β€” 59 stars, 5 forks.

View β†—
05
Creative 3D

Scroll-Based Animation

JavaScriptThree.jsGSAP

Three.js Journey Chapter 20 exercise β€” scroll-driven 3D scene with section-based camera transitions.

View β†—
06
Creative 3D

Galaxy Generator

JavaScriptThree.jsWebGL

Procedural galaxy generator using Three.js BufferGeometry and custom particle shaders β€” smooth 60 FPS rendering.

View β†—
07
Creative 3Dβ˜… 1

Three.js My Name

JavaScriptThree.js

3D typographic scene built with Three.js TextGeometry β€” an exercise in creative letter-form and lighting.

View β†—
08
Creative 3D

Three.js Lights & Tweaks

JavaScriptThree.jsdat.gui

Deep-dive into Three.js lighting models, shadows, and runtime dat.GUI tweaks. Part of the Three.js Journey series.

View β†—
09
Creative 3Dβ˜… 1

Motion Blur in WebGL

TypeScriptWebGLGLSL

Post-processing motion blur effect implemented in raw WebGL and TypeScript. MIT-licensed creative experiment.

View β†—
10
Creative 3D

Solar System WebGL

TypeScriptWebGL

Realtime solar system simulation built with WebGL and TypeScript, featuring orbital physics and camera controls.

View β†—
11
Creative 3Dβ˜… 1

WebGL Simple Project

JavaScriptWebGL

Foundation WebGL project demonstrating raw shader programming, VAO/VBO setup, and render loop optimisation.

View β†—
12
Creative 3D

Particles Transition

JavaScriptThree.jsReact Three Fiber

Particle-based scene transition effect using React Three Fiber β€” forked and extended with new interaction patterns.

View β†—
13
Creative 3Dβ˜… 1

Simple Portfolio with R3F

JavaScriptReact Three FiberThree.js

Minimal 3D portfolio template built with React Three Fiber β€” 1 star on GitHub.

View β†—
14
Creative 3D

Scroll Animation Portfolio

JavaScriptGSAPCSS

Scroll-driven animation showcase exploring GSAP ScrollTrigger, clip-path reveals, and parallax layering techniques.

View β†—
15
Creative 3Dβ˜… 1

Bayt Slider Assessment

JavaScriptCSSGSAP

Technical assessment slider with smooth transitions and responsive layout β€” 1 star on GitHub.

View β†—
16
Educationβ˜… 7

Three.js Arabic

JavaScriptThree.jsWebGL

Largest Arabic Three.js educational resource on GitHub β€” 7 stars, 1 fork, growing developer community.

View β†—
17
Frontend

Dashboard XYZ

TypeScriptReactTailwind

Production-quality admin dashboard with role-based views, data tables, and modern TypeScript patterns.

View β†—
18
Frontend

Finance Web App

JavaScriptReactCSS

Personal finance tracking app with budgeting views, transaction history, and clean data visualisation.

View β†—
19
Frontendβ˜… 1

Custom Components Library

TypeScriptReact

Reusable UI system with compound patterns, accessibility-first design, and typed props β€” 1 star.

View β†—
20
Frontend

CRUD App

TypeScriptReact

Full CRUD application with optimistic updates, form validation, and clean component architecture in TypeScript.

View β†—
21
Frontendβ˜… 4

Todo List

JavaScriptReactCSS

Feature-complete React todo app with local persistence and filter views β€” 4 stars, 1 fork.

View β†—
22
Frontendβ˜… 2

Calendar JS

TypeScriptReact

Customisable calendar component built in TypeScript with event management and month navigation β€” 2 stars.

View β†—
23
Frontend

RTK Query App

TypeScriptReactRedux

Data-fetching application built with RTK Query demonstrating cache invalidation, pagination, and optimistic updates.

View β†—
24
Frontend

Interactive Comments Section

JavaScriptReactCSS

Frontend Mentor challenge β€” full nested comment system with reply, edit, delete, and vote functionality.

View β†—
25
Frontend

Intro Section with Dropdown

JavaScriptHTMLCSS

Frontend Mentor challenge β€” accessible navigation with animated dropdown menus and full mobile responsiveness.

View β†—
26
Frontend

Simple Portfolio 2025

TypeScriptReactTailwind

Clean minimal portfolio site built in 2025 with TypeScript and Tailwind, focusing on performance and simplicity.

View β†—
27
Frontend

Company Website

TypeScriptReact

Corporate website template built in TypeScript β€” 1 fork on GitHub.

View β†—
28
Frontendβ˜… 1

Instasedo V2

JavaScriptReact

Social media-style application with post creation, feed, and interactions β€” 1 star on GitHub.

View β†—
29
Frontend

Car Store

JavaScriptReact

E-commerce car store interface with product listings, filters, and detail views built in React.

View β†—
30
Frontend

Brainstormy

JavaScriptReact

Brainstorming and idea-organisation web application with drag-and-drop board layout.

View β†—
31
Frontendβ˜… 1

Twitter Love Reaction

HTMLCSSJavaScript

Pixel-perfect recreation of Twitter's heart reaction animation β€” 1 star on GitHub.

View β†—
32
Frontendβ˜… 1

Web Calculator

JavaScriptHTMLCSS

Fully functional browser calculator with keyboard support and clean minimal design β€” 1 star.

View β†—
33
Frontendβ˜… 3

Timer App

JavaScriptHTMLCSS

Countdown and stopwatch timer app with clean UI and smooth animations β€” 3 stars on GitHub.

View β†—
34
Frontendβ˜… 2

Responsive Portfolio Vanilla JS

JavaScriptCSSHTML

Fully responsive portfolio website built with vanilla JavaScript β€” 2 stars on GitHub.

View β†—
35
Frontendβ˜… 1

Responsive Portfolio Website

JavaScriptHTMLCSS

Early portfolio website focusing on responsive design and mobile-first layout β€” 1 star.

View β†—
36
Frontend

CV Webpage

HTMLCSS

HTML/CSS resume webpage β€” an early web project demonstrating semantic markup and print styling.

View β†—
37
Frontendβ˜… 2

Oud Frontend

JavaScriptReactReact-Router

Spotify-like music streaming service frontend with full playback UI, search, and playlists β€” 2 stars.

View β†—
38
Frontendβ˜… 1

Instafolio

JavaScriptReact

Instabug coding challenge β€” fully responsive portfolio web app built with ReactJS β€” 1 star.

View β†—
39
Frontend

LevelUp E-Learning

JavaScriptReact

E-learning platform interface with course listings, video player, and progress tracking.

View β†—
40
Frontend

Covid-19 Visualisation

Vue.jsChart.js

Real-time COVID-19 data visualisation built with Vue.js and Chart.js, consuming a public REST API.

View β†—
41
Frontend

Chat Firebase

Vue.jsFirebase

Real-time chat application built with Vue.js and Firebase Auth + Realtime Database.

View β†—
42
Frontend

Planner Vue

Vue.js

Task planner built with Vue.js featuring drag-and-drop cards and priority management.

View β†—
43
Frontend

Reaction Timer Vue

Vue.js

Human reaction speed test game built with Vue.js, tracking and charting multiple attempts.

View β†—
44
Frontend

Music Player

JavaScriptHTMLCSS

Browser-based music player with playlist management, progress bar, and animated artwork display.

View β†—
45
Mobile

Ryde β€” Ride-Sharing App

TypeScriptReact NativeExpoNativeWind

Full-stack mobile ride-sharing application with real-time maps, booking flows, and driver dashboards.

View β†—
46
Mobileβ˜… 1

React Native Learning

JavaScriptReact Native

Learning project exploring React Native fundamentals β€” navigation, state management, and native APIs β€” 1 star.

View β†—
47
Mobile

Flutter CRUD Users

DartFlutter

Flutter application with full CRUD operations for user management using local state and REST API.

View β†—
48
Mobile

Flutter Calculator

DartFlutter

Clean and functional calculator application built with Flutter featuring smooth state management.

View β†—
49
Mobile

Flutter Profile Card

DartFlutter

Responsive Flutter profile card UI with custom theming and widget composition patterns.

View β†—
50
Mobile

Android Birthday Card

JavaAndroid

Android application for sending and displaying birthday greeting cards with custom animations.

View β†—
51
Backend

Auth Backend

JavaScriptNode.jsJWTExpress

Full authentication backend with JWT, bcrypt password hashing, and REST API endpoints. MIT-licensed boilerplate.

View β†—
52
Backendβ˜… 1

Bookmark NestJS

TypeScriptNestJSPrisma

RESTful bookmark management API built with NestJS and Prisma β€” JWT auth, guards, and e2e tests. 1 star.

View β†—
53
Backend

Blogs Node.js Website

JavaScriptNode.jsExpressMongoDB

Full-stack blogging platform with EJS templating, MongoDB persistence, and Express routing.

View β†—
54
Educationβ˜… 1

JSM Course

TypeScriptNext.js

JS Mastery private Next.js 15 course exercises and projects β€” 1 star on GitHub.

View β†—
55
Educationβ˜… 1

Learn Three.js

JavaScriptThree.js

Complete Three.js Journey course exercises β€” 90+ hours of immersive 3D web tutorials. 1 star, MIT licensed.

View β†—
56
CSβ˜… 2

Pathfinding Visualizer

JavaScriptBFSDijkstra

Interactive graph algorithm visualiser supporting BFS, Dijkstra, and adjacency-matrix traversal β€” 2 stars.

View β†—
57
CS

Pattern Search Algorithms

C++

Implementations of Naive, Rabin-Karp, Finite Automata, and KMP string-search algorithms in C++ β€” 1 fork.

View β†—
58
CS

OS Project CUFE 2022

C

Operating systems university project from Cairo University β€” covers scheduling, memory management, and IPC.

View β†—
59
CS

Map-Reduce in Go

Go

MapReduce distributed computing framework implementation in Go for processing large datasets.

View β†—
60
CS

Recursive Merge Sort C++

C++

Clean recursive merge sort implementation in C++ with time-complexity analysis and test cases.

View β†—
61
CS

LZ77 Compression

C++

LZ77 lossless data compression algorithm implementation in C++ with encode/decode pipeline.

View β†—
62
CS

Network Simulation

C++

Low-level network simulation project modelling packet routing and protocol behaviour in C++.

View β†—
63
CS

Codeforces Problems

C++

Collection of competitive programming solutions to Codeforces problems across multiple difficulty ratings.

View β†—
64
CS

Sorting Algorithms C++

C++

C++ implementations of bubble, insertion, selection, merge, quick, and heap sort with benchmarks.

View β†—
65
CS

Java Introduction Assignment

Java

Cairo University CMP306 Java introduction assignment covering OOP fundamentals and data structures.

View β†—
66
ML/AIβ˜… 3

Learn Machine Learning

PythonNumPy

Personal summary and exercises from Stanford University's ML course by Andrew Ng β€” 3 stars, MIT licensed.

View β†—
67
ML/AI

Linear Regression Exercise

Python

Linear regression implementation from scratch in Python exploring gradient descent and cost functions. MIT licensed.

View β†—
68
ML/AIβ˜… 1

Symphony β€” OMR System

PythonOpenCV

Optical Music Recognition system that detects and parses musical notation from sheet images β€” 1 star, 2 forks.

View β†—
69
ML/AI

Image Arithmetic Encoding

Python

Arithmetic coding implementation for image compression β€” encodes to grayscale and reconstructs with full fidelity.

View β†—
70
Hardwareβ˜… 6

DCNN β€” Deep CNN Chip

VHDL

Low-level VHDL chip applying a CNN classifier on grayscale MNIST digits. 6 stars, 4 forks, MIT licensed.

View β†—
71
Hardware

Combinational Multiplier

Verilog

Hardware combinational multiplier designed in Verilog HDL for VLSI implementation.

View β†—
72
Hardwareβ˜… 1

Introduction to Verilog

Verilog

Introduction to Verilog for Integrated Circuit Design and VLSI technology β€” 1 star on GitHub.

View β†—
73
Hardware

Arduino Cake Maker

C++Arduino

Arduino automation project for a cake maker machine β€” motor control and sensor integration.

View β†—
74
Hardware

Arduino Elevator

C++Arduino

Arduino-based elevator simulator with floor sensors, motor driver, and LED floor indicators.

View β†—
75
Hardwareβ˜… 1

Fire Fighter Robot

C++Arduino

Autonomous fire-fighting robot with flame sensors, water pump, and directional motor control β€” 1 star.

View β†—
76
Hardware

LED Counter Arduino

C++Arduino

21-LED counter using Arduino with binary and decimal display modes and debounced button input.

View β†—
77
Hardware

Arduino Counter

C++Arduino

Buttonless counter using Arduino timers and interrupts β€” exploring hardware counter design patterns.

View β†—
78
Game

Sky Invaders

JavaScriptCanvas

Space Invaders–style browser game built with vanilla JavaScript and Canvas API. MIT licensed.

View β†—
79
Game

Memory Game C#

C#.NET

Classic memory card-matching game built with C# and .NET β€” exploring WinForms UI and game logic.

View β†—
80
Game

Pacman C#

C#.NET

Full Pacman implementation in C# with ghost AI, score system, and level progression.

View β†—
81
Game

Star Wars Game C#

C#.NET

Star Wars–themed C# game with enemy spawning, projectile mechanics, and score tracking.

View β†—
82
Game

FIRED OR TIRED

Assembly x86

Two-player Assembly x86 shooting game where each player has a gun and can move and jump. MIT licensed.

View β†—
83
Private

Eunx Investment Platform

Next.jsTypeScriptFintechDashboard

Enterprise fintech investment platform and admin dashboard built for production at scale. Includes role-based workflows and high-performance UI patterns.

Private Repository πŸ”’
84
Private

Government Storytelling Experience

ReactThree.jsGSAPCreative Dev

Immersive interactive storytelling project delivered for a governmental client in Morocco with advanced motion design and performance optimization.

Private Repository πŸ”’
85
Private

Laundry Operations Dashboard

ReactTypeScriptData VisualizationAdmin

Role-based operations dashboard for a US company to manage technicians, requests, and internal service workflows.

Private Repository πŸ”’
86
Private

Enterprise CX/VX Dashboards

Next.jsReactTypeScriptB2B

Client-experience and operations dashboards built for enterprise product teams with investor-demo readiness and modular architecture.

Private Repository πŸ”’
87
Frontend

Douoon

Next.jsTypeScriptDesign SystemProduct

Private production platform focused on premium UX journeys, conversion-ready interfaces, and scalable frontend architecture.

View β†—
88
Frontend

Koapath

ReactNode.jsAnalyticsDashboards

Private data-first workflow platform designed for operations teams with high-clarity reporting and streamlined flows.

View β†—
89
Private

Koapath Admin

ReactTypeScriptDashboardAdmin

Admin panel for the Koapath platform β€” role-based access control, team management, and analytics reporting built for internal operations.

Private Repository πŸ”’