Mohamed Gado

All Projects

A collection of web applications, tools, and experiments built by Mohamed Gado using React, Next.js, TypeScript, and modern web technologies.

202601 / 58

Hadeed — Gym Workout Log

Hadeed (حديد, "iron") is a gym log that gets out of your way. Tap the muscles you want to train on a body map, and it builds the session — using the weights you actually lifted last time, not a generic template. Log your sets, let the rest timer run, and move on. Built with Flutter for Android, with home-screen widgets and a Wear OS companion.

Flutter
Dart
Android
Wear OS
SQLite
In closed testing
202602 / 58

Khazna — Pocket Vault for Links, Notes & Lists

Khazna (خزنة, "vault") is a private, offline pocket vault for links, notes and checklists — one input that works out which of the three you pasted, a capture flow measured in about a second, app lock behind your fingerprint, and no server, no account and no sync behind any of it. Built with Expo SDK 57, React Native 0.86 and TypeScript, Arabic-first with a full right-to-left layout.

React Native
Expo
TypeScript
NativeWind
Zustand
In testing on Play
202603 / 58

Rafiq — Islamic Companion App

Rafiq (رفيق, "companion") is a private, offline-first Islamic companion app — prayer times, a prayer tracker, an offline Qur'an, a 16-collection audio library, adhkar, tasbih, du'as, shareable image and greeting cards, a Hijri calendar, qibla, and Android home-screen widgets — with no ads, no accounts, and no third-party tracking. Built with Expo SDK 57, React Native 0.86, and TypeScript.

React Native
Expo
TypeScript
NativeWind
Zustand
App Store (opens in a new tab)Google Play (opens in a new tab)
202604 / 58

Masareef — Personal Spending Tracker

Masareef (مصاريف, "expenses") is a fast, private, offline-first personal spending tracker for any country and currency. It has wallets, budgets, insights, subscriptions and trips, and an auto-capture engine that reads your bank's notifications and logs the spending by itself, even while the app is closed. Built with Expo SDK 57, React Native 0.86, a local SQLite source of truth, and…

React Native
Expo
TypeScript
SQLite
Cloudflare Workers
App Store (opens in a new tab)Google Play (opens in a new tab)
202605 / 58

Nafis — Multi-Asset Price & Portfolio

Nafis (نفيس, "precious") puts every valuable you care about in one place — the daily gold price at your local صاغة, silver, platinum and palladium, live currency rates, and crypto — then lets you track what you actually own and what it's worth today. Local metal prices are read off the صاغة board itself, as a بيع/شراء (buy/sell) pair, so the numbers match the apps people already trust — with no…

React Native
Expo
TypeScript
NativeWind
SQLite
App Store (opens in a new tab)Google Play (opens in a new tab)
202606 / 58

Freeby — Invoicing & Time Tracking

The freelancer's toolkit built around one unbroken flow: track time → bill it → get paid.

Next.js
TypeScript
Better Auth
DrizzleORM
Lemon Squeezy
Link (opens in a new tab)GitHub (opens in a new tab)
S.
C#
202607 / 58

SilkroadBot — .NET 8 Silkroad Online Bot

A clean-room, modern .NET 8 reimplementation of a phBot-equivalent for Silkroad Online — built to work against any Silkroad variant (iSRO, vSRO, and SR-R private servers) through per-server profiles.

C#
.NET 8
TCP Proxy
Cryptography
Reverse Engineering
In progress
202608 / 58

ClipForge — Lemon Squeezy SaaS Starter

A production-shaped demo SaaS: a stunning, dark "Molten Foundry" landing page for a fictional video-repurposing tool, wired to a complete Lemon Squeezy checkout and webhook flow. Built to learn and test how payments work end-to-end before bolting them onto a real product.

Next.js
TypeScript
Lemon Squeezy
Tailwind CSS
Motion
Link (opens in a new tab)GitHub (opens in a new tab)
CS
PowerShell
202609 / 58

Claude Statusline — Powerline for Claude Code

A powerline status line for Claude Code, shared across the team. It shows:

PowerShell
Claude Code
CLI
GitHub (opens in a new tab)
202610 / 58

Distill — Document to Markdown

Squeeze any document into AI-ready text. Drop in a PDF or image and get clean, copy-paste-ready Markdown that costs a fraction of the tokens — with a live count of how much you saved.

Next.js
TypeScript
pdf.js
Tesseract.js
Tailwind CSS
Link (opens in a new tab)GitHub (opens in a new tab)
202611 / 58

Signet — PDF Editor

No sign-up. No upload. Free forever — no trial, paywall, or watermark.

Next.js
TypeScript
pdf-lib
react-pdf
Tailwind CSS
Link (opens in a new tab)GitHub (opens in a new tab)
202612 / 58

Amr & Suzan — Wedding Invitation

An elegant, fully-animated single-page invitation website for Amr & Suzan's Katb El-Kitab on Friday, June 12, 2026 at El-Mosheer Tantawy Mosque.

Next.js
TypeScript
Tailwind CSS
shadcn UI
Motion
Link (opens in a new tab)GitHub (opens in a new tab)
202613 / 58

Better Auth Starter

A production-ready Next.js 16 authentication starter with email/password, OAuth, email verification, and account management — all wired up and ready to deploy.

Next.js
TypeScript
Better Auth
DrizzleORM
PostgreSQL
Link (opens in a new tab)GitHub (opens in a new tab)
202614 / 58

Noon Deals Bot

Channel: t.me/noon_hot_deals · Site: ديلز مصر — vette1123.github.io/noon-deals-bot

Python
Telegram Bot
Web Scraping
GitHub Actions
Telegram (opens in a new tab)GitHub (opens in a new tab)
PP
Python
202615 / 58

phBot Plugins — Silkroad Online

Personal collection of phBot plugins for Silkroad Online by Gado (Vette1123).

Python
Automation
Game Scripting
GitHub (opens in a new tab)
202616 / 58

For Aya — Interactive Story (opens in a new tab)

A bespoke Arabic-language interactive web story — a one-off personal gift built with Next.js and Framer Motion, designed end-to-end with scroll-driven scenes and custom typography.

Next.js
TypeScript
Tailwind CSS
Motion
Link (opens in a new tab)
202617 / 58

Social Media Downloader

A free, watermark-free downloader for TikTok, Twitter/X, Instagram, Facebook, YouTube, Pinterest, Reddit, Threads, Snapchat, Twitch, and Vimeo. Paste a link and get an HD video, reel, or Short, MP3 audio, a photo carousel (individual images or a ZIP), or a fully rendered slideshow MP4 with the original soundtrack — no login, no install required, runs in your browser.

Next.js
TypeScript
Tailwind CSS
ffmpeg
Link (opens in a new tab)GitHub (opens in a new tab)
GF
React
202218 / 58

GridKey - Financial Analytics (opens in a new tab)

Frontend for GridKey's wealth-management platform — secure dashboards for tracking multi-asset portfolios, managing clients and analyzing investment performance, with multiple modules built for portfolios, transactions and holdings.

React
TypeScript
Tailwind CSS
Redux
Live (opens in a new tab)
BY
React
202319 / 58

Build your own ChatGPT

A polished, production-grade clone of ChatGPT built on the Vercel AI SDK and OpenAI's Edge runtime. Sign in with GitHub or Google to keep your chat history, drop into guest mode for a quick session, or share any conversation with a public link.

React
TypeScript
Tailwind CSS
Next.js
GitHub (opens in a new tab)Demo offline
202320 / 58

Movies/Series streaming platform

Browse trending titles, dive into rich detail pages, and pick up exactly where you left off — all from a single keyboard-friendly UI.

React
TypeScript
Tailwind CSS
Next.js
Live (opens in a new tab)GitHub (opens in a new tab)
BL
React
202421 / 58

Books library

A book-inventory playground for the bleeding edge of the React/Next.js stack. The dataset (scripts/books.csv, ~50k rows) is loaded into Neon Postgres, then served through React Server Components with streaming Suspense. Search stays snappy thanks to a pg_trgm GIN index and Postgres unaccent, while a custom backpressure hook keeps the UI smooth as you type.

React
PostgreSQL
DrizzleORM
TypeScript
Tailwind CSS
Link (opens in a new tab)GitHub (opens in a new tab)
JC
React
202422 / 58

JSON Converter

Paste a JavaScript object or array and get it back as formatted, syntax-highlighted JSON — live, as you type. No build step in the loop, no request, nothing leaves the browser.

React
TypeScript
Tailwind CSS
Next.js
Link (opens in a new tab)GitHub (opens in a new tab)
NC
Next.js
202423 / 58

NewsBite — Curated News

NewsBite is a cutting-edge news aggregation application that provides users with a seamless and personalized news browsing experience. Built with React, TypeScript, and leveraging the power of modern web technologies, NewsBite offers a rich set of features designed to keep users informed and engaged.

Next.js
TypeScript
Tailwind CSS
GitHub (opens in a new tab)
MP
React
202324 / 58

Multi-purpose AI helper

A SaaS-style playground that wires together OpenAI and Replicate behind a single dashboard. Free users get a metered quota tracked in MySQL via Prisma; Stripe handles the Pro upgrade and webhook lifecycle. Built to explore how far one Next.js 13 app can stretch across multiple AI modalities.

React
TypeScript
Tailwind CSS
Next.js
Link (opens in a new tab)GitHub (opens in a new tab)
TS
React
202325 / 58

Top Spotify songs since 2017

A practice project exploring scroll-driven pagination against a real dataset. Track artwork lives in a Supabase Postgres table and is fetched in pages of 20 from a Next.js Route Handler — when the container's bottom hits the viewport, the next offset loads. Searching by artist switches to a wider range query (200 rows) and resets the feed.

React
TypeScript
Tailwind CSS
Next.js
Link (opens in a new tab)GitHub (opens in a new tab)
GP
React Native
202326 / 58

Gold price tracker - mobile app (opens in a new tab)

A React Native app that tracked live gold prices in real time, backed by Redis-cached pricing data and shipped to Google Play through App Center for staged releases.

React Native
TypeScript
Redis
App Center
Google Play
No longer on Play
OA
TypeScript
202327 / 58

open-ai-hooks (npm package)

The library then decorates every Completion response with metadata about the transaction such as:

TypeScript
React
npm
OpenAI
npm (opens in a new tab)GitHub (opens in a new tab)
CN
React
202328 / 58

Custom Next.js Template

Welcome to Sadge Template! This is a custom Next.js project starter template designed to help you kickstart your web development projects quickly and efficiently.

React
TypeScript
Tailwind CSS
Next.js
shadcn UI
GitHub (opens in a new tab)
NA
React
202329 / 58

Next.js Authentication Using Clerk

A Next.js 13 App Router application with Clerk handling authentication in front of a full analytics dashboard — route groups, protected pages, hosted sign-in and sign-up, and a user profile screen.

React
TypeScript
Tailwind CSS
Next.js
Clerk
Link (opens in a new tab)GitHub (opens in a new tab)
ST
React
202330 / 58

Simple Time Logger

A tiny single-screen tool for tallying chunks of focused work across the day. Punch in hours and minutes for each session, keep adding rows as you go, and the running total (and how much is left of an 8-hour day) updates live. No accounts, no backend — just open the page and start logging.

React
TypeScript
Tailwind CSS
Vite
Link (opens in a new tab)GitHub (opens in a new tab)
RT
React
202331 / 58

Real time chat app

A full-stack chat playground built to learn WebSocket-based messaging end-to-end. The client (client/) is a Create React App single-page app; the server (server/ + index.js) is an Express API that handles auth and message persistence and runs a Socket.io gateway for instant delivery between online users.

React
JavaScript
Styled Components
CRA
MongoDB
Link (opens in a new tab)GitHub (opens in a new tab)
EA
React
202232 / 58

Ecommerce App

A small ecommerce demo where products and hero/footer banners are managed in Sanity Studio, and checkout runs through a Stripe-hosted session.

React
TypeScript
Tailwind CSS
Next.js
Link (opens in a new tab)GitHub (opens in a new tab)
FS
Spring Boot
202233 / 58

Full-Stack Movie App

A movie catalogue split into a Spring Boot REST backend and a TypeScript React frontend, kept as two applications in one repository and wired together with Docker Compose.

Spring Boot
Java
React
TypeScript
MongoDB
GitHub (opens in a new tab)Demo offline
QA
React
202234 / 58

Quiz App

A small full-stack quiz app for drilling English parts of speech. The React client fetches a shuffled word list from an Express API, gives you 30 seconds per word to pick the right category, then asks the server where your final score ranks against everyone else's.

React
TypeScript
Tailwind CSS
CRA
Express
Link (opens in a new tab)GitHub (opens in a new tab)
DI
Electron
202235 / 58

Desktop Image Resizer App

A lightweight desktop app for resizing PNG, JPEG, and GIF images to any width × height. Pick a file, type the dimensions, and the resized copy lands in your home folder — no upload, no cloud, all local.

Electron
Tailwind CSS
TypeScript
GitHub (opens in a new tab)
OP
React
202236 / 58

Old Portfolio

A single-page React portfolio with a sidebar layout, letter-by-letter intro animations, a projects showcase, and a contact page with an interactive map and email form.

React
JavaScript
Sass
Link (opens in a new tab)GitHub (opens in a new tab)
PG
React
202237 / 58

Puzzle Game

The board starts shuffled with one empty slot. Click any tile adjacent to the empty slot to slide it in — solve the puzzle by arranging the tiles in order with the gap at the end.

React
JavaScript
CRA
Link (opens in a new tab)GitHub (opens in a new tab)
MA
React Native
202238 / 58

Meals App

An early-stage React Native learning project: tab-based mobile UI for a meal-ordering app, with a themed restaurant list, search bar, and bottom-tab navigation. Built on Expo so it runs on iOS, Android, and web from a single codebase.

React Native
JavaScript
Expo
GitHub (opens in a new tab)
SC
React
202239 / 58

Shopping Cart

A learning project focused on modelling cart state with the React Context API in fully typed TypeScript, plus localStorage persistence so the cart survives page reloads.

React
TypeScript
Vite
GitHub (opens in a new tab)
GF
React
202240 / 58

GitHub Finder

A small React app that talks to the GitHub REST API: type a username, get a list of matching users, click through to a profile page with stats, links, and the user's latest repositories.

React
TypeScript
Tailwind CSS
CRA
Link (opens in a new tab)GitHub (opens in a new tab)
HM
React
202241 / 58

House Market Place

A property listing platform where users can browse homes for rent or for sale, post their own listings with photos and a map pin, and sign in with the social provider of their choice. Backed by Firebase Auth and Firestore.

React
JavaScript
CRA
Firebase
Leaflet
Link (opens in a new tab)GitHub (opens in a new tab)
GS
React
202242 / 58

Goal Setter

A small full-stack MERN app where authenticated users can register, log in, and manage a private list of personal goals. Built in 2022 as a learning project covering the full Redux Toolkit + Express + JWT flow end-to-end.

React
JavaScript
Express
MongoDB
GitHub (opens in a new tab)
MA
React
202243 / 58

Movie App

A movie discovery app built on the TMDB API — browse trending titles, search the catalog, and dive into trailers, cast, and similar picks.

React
JavaScript
Sass
themovidedb
Link (opens in a new tab)GitHub (opens in a new tab)
BB
React
202244 / 58

Breaking Bad Cast

A character browser for Breaking Bad and Better Call Saul, built on the public breakingbadapi. Search the roster and flip a card to read the details.

React
JavaScript
Tailwind CSS
CRA
GitHub (opens in a new tab)
B
React
202245 / 58

Blog

A learning-focused MERN stack blog (2022) covering the full path from auth and account verification to posts, comments and social interactions. Backend is a vanilla Express + Mongoose REST API; frontend is a Create React App SPA with Redux Toolkit and Tailwind.

React
JavaScript
Tailwind CSS
Express
MongoDB
GitHub (opens in a new tab)
TL
Angular
202246 / 58

Todo List

A small todo application built to get an honest feel for Angular — written after a long stretch in React, on a problem simple enough that the only variable is the framework.

Angular
JavaScript
Tailwind CSS
Daisy UI
GitHub (opens in a new tab)
GM
Laravel
202247 / 58

Gym Management System

Laravel
HTML
CSS
GitHub (opens in a new tab)
F
React
202248 / 58

FoodHub

In the project directory, you can run:

React
TypeScript
Tailwind CSS
CRA
Express
Link (opens in a new tab)GitHub (opens in a new tab)
A
React
202249 / 58

Akelney

A recipe browser built on the Spoonacular API. Browse random picks and vegetarian dishes in carousels, filter by cuisine, search by keyword, and open a recipe for its ingredients and instructions.

React
JavaScript
styled-components
Link (opens in a new tab)GitHub (opens in a new tab)
TT
Java
202250 / 58

Tick Tack Toe

Java
SocketIO
JavaFX
GitHub (opens in a new tab)
CT
JavaScript
202251 / 58

Catch The Insect

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)
DM
Bash
202252 / 58

Database Management System

A small command-line "database management system" written entirely in Bash. Databases live on disk as directories and tables as files, manipulated through a menu-driven CLI.

Bash
GitHub (opens in a new tab)
SQ
JavaScript
202153 / 58

Simple Quiz App

A multiple-choice quiz that runs entirely from one array. Answer, submit, move to the next question, and get a score at the end.

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)
CS
JavaScript
202154 / 58

Cool Sidebar Navigation

A slide-in navigation drawer with no framework behind it — and one effect that is more interesting than it first looks.

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)
D
JavaScript
202155 / 58

Doggo

A four-by-four grid of tiles that assembles into an animated image of a dog, then folds apart when you press the button.

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)
SP
JavaScript
202156 / 58

Strong Password Generator

A password generator that runs entirely in the tab. Pick a length, toggle which character classes to include, generate, copy.

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)
WG
JavaScript
202157 / 58

Water gallon calculator

A water-intake tracker built around one visual idea: a large gallon that fills as you mark cups off below it.

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)
JG
JavaScript
202158 / 58

Joke Generator

One button, one joke. Press it and it fetches a dad joke from icanhazdadjoke and swaps the text in place.

JavaScript
HTML
CSS
Link (opens in a new tab)GitHub (opens in a new tab)