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 / 55

Rafiq — Islamic Companion App

Rafiq (رفيق, "companion") is a private, offline-first Islamic companion app for prayer times, an offline Qur'an, audio recitation, adhkar, tasbih, a Hijri calendar, qibla, and Android home-screen widgets — no ads, no tracking, no accounts. Built with Expo SDK 57, React Native 0.86, and TypeScript.

React Native
Expo
TypeScript
NativeWind
Zustand
Google Play
202602 / 55

Masareef — Personal Spending Tracker

Masareef (مصاريف, "expenses") is a mindful, offline-first personal spending tracker built for Egypt — wallets, fast logging, budgets, insights, and recurring bills, with a bank-notification auto-capture engine and last-write-wins cloud sync across devices. Built with Expo SDK 57, React Native 0.86, a local SQLite source of truth, and a Next.js + Neon backend.

React Native
Expo
TypeScript
SQLite
Next.js
Coming soon · Google Play
202603 / 55

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
LinkGitHub
S.
C#
202604 / 55

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
202605 / 55

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
LinkGitHub
CS
PowerShell
202606 / 55

Claude Statusline — Powerline for Claude Code

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

PowerShell
Claude Code
CLI
GitHub
202607 / 55

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
LinkGitHub
202608 / 55

Signet — PDF Editor

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

Next.js
TypeScript
pdf-lib
react-pdf
Tailwind CSS
LinkGitHub
202609 / 55

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
LinkGitHub
202610 / 55

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
PostgresSQL
LinkGitHub
202611 / 55

Noon Deals Bot

Auto-posts the best discounted products from noon.com Egypt to a Telegram channel, 6× a day — fully free to run, no login required.

Python
Telegram Bot
Web Scraping
GitHub Actions
TelegramGitHub
PP
Python
202612 / 55

phBot Plugins — Silkroad Online

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

Python
Automation
Game Scripting
GitHub
202613 / 55

For Aya — Interactive Story

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
202614 / 55

Social Media Downloader

A free, watermark-free downloader for TikTok, Twitter/X, Instagram, Facebook, and YouTube. 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, runs in your browser.

Next.js
TypeScript
Tailwind CSS
ffmpeg
LinkGitHub
GF
React
202315 / 55

GridKey - Financial Analytics

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
BY
React
202316 / 55

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
NextJS
LinkGitHub
202317 / 55

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
NextJS
LiveGitHub
BL
React
202418 / 55

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
PostgresSQL
DrizzleORM
TypeScript
Tailwind CSS
LinkGitHub
JC
React
202419 / 55

JSON Converter

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
NextJS
LinkGitHub
NC
Next.js
202420 / 55

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
MP
React
202321 / 55

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
NextJS
LinkGitHub
TS
React
202322 / 55

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
NextJS
LinkGitHub
GP
React Native
202323 / 55

Gold price tracker - mobile app

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

React Native
TypeScript
Redis
App Center
Google Play
Link
OA
TypeScript
202324 / 55

open-ai-hooks (npm package)

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

TypeScript
React
npm
OpenAI
npmGitHub
CN
React
202325 / 55

Custom NextJS 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
NextJS
shadcn UI
GitHub
NA
React
202326 / 55

NextJS Authentication Using Clerk

This is a Next.js project bootstrapped with create-next-app.

React
TypeScript
Tailwind CSS
NextJS
Clerk
LinkGitHub
ST
React
202327 / 55

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
LinkGitHub
RT
React
202328 / 55

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
LinkGitHub
EA
React
202229 / 55

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
NextJS
LinkGitHub
FS
Spring Boot
202230 / 55

Full-Stack Movie App

Spring Boot
Java
React
TypeScript
MongoDB
LinkGitHub
QA
React
202231 / 55

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
LinkGitHub
DI
Electron
202232 / 55

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
OP
React
202233 / 55

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
LinkGitHub
PG
React
202234 / 55

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
LinkGitHub
MA
React Native
202235 / 55

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
SC
React
202236 / 55

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
GF
React
202237 / 55

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
LinkGitHub
HM
React
202238 / 55

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
LinkGitHub
GS
React
202239 / 55

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
MA
React
202240 / 55

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
LinkGitHub
BB
React
202241 / 55

Breaking Bad Cast

React
JavaScript
Tailwind CSS
CRA
GitHub
B
React
202242 / 55

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
TL
Angular
202243 / 55

Todo List

This project was generated with Angular CLI version 13.3.6.

Angular
JavaScript
Tailwind CSS
Daisy UI
GitHub
GM
Laravel
202244 / 55

Gym Management System

Laravel
HTML
CSS
GitHub
F
React
202245 / 55

FoodHub

In the project directory, you can run:

React
TypeScript
Tailwind CSS
CRA
Express
LinkGitHub
A
Laravel
202246 / 55

Akelney

This project was bootstrapped with Create React App.

Laravel
HTML
CSS
LinkGitHub
TT
Java
202247 / 55

Tick Tack Toe

Java
SocketIO
JavaFX
GitHub
CT
JavaScript
202248 / 55

Catch The Insect

JavaScript
HTML
CSS
LinkGitHub
DM
Bash
202249 / 55

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
SQ
JavaScript
202150 / 55

Simple Quiz App

A tiny multiple-choice quiz built with vanilla HTML, CSS and JavaScript. Answer the questions, get your score at the end, reload to try again.

JavaScript
HTML
CSS
LinkGitHub
CS
JavaScript
202151 / 55

Cool Sidebar Navigation

A slide-in side navigation menu with smooth open/close transitions. Pure HTML, CSS and JavaScript — no framework.

JavaScript
HTML
CSS
LinkGitHub
D
JavaScript
202152 / 55

Doggo

A playful animation experiment: a 4×4 grid of tiles assembles into a dog image, with a button to "explode" the tiles outward and a short audio cue on load. Built with HTML, CSS and a sprinkle of JavaScript.

JavaScript
HTML
CSS
LinkGitHub
SP
JavaScript
202153 / 55

Strong Password Generator

A small vanilla-JS password generator. Pick a length, toggle the character classes you want (uppercase, lowercase, numbers, symbols), generate, and copy to clipboard with one click.

JavaScript
HTML
CSS
LinkGitHub
WG
JavaScript
202154 / 55

Water gallon calculator

A small water-intake tracker. Click cups to mark them filled, and watch the big gallon fill up with the corresponding percentage and remaining liters. Pure HTML, CSS, JavaScript.

JavaScript
HTML
CSS
LinkGitHub
JG
JavaScript
202155 / 55

Joke Generator

Click the button, get a dad joke. Fetches from the icanhazdadjoke API with async/await.

JavaScript
HTML
CSS
LinkGitHub