Avatar
Mostafa.dev

Projects I've Built

Real-world products for real clients — e-commerce, ERP, digital menus and invitations — plus team collaborations and personal builds. Each one includes what it does, what I built and the tech behind it.

📊
Business Management (PWA)

ERP System

Arabic RTL ERP for small trading businesses — purchases, sales, stock, invoices and account statements.

An installable business-management app that replaces paper notebooks and scattered spreadsheets. It tracks suppliers, customers and products, records purchase and sales transactions, calculates real stock and actual profit (using average cost), prints invoices and produces full account statements. It keeps working on weak internet: anything saved while offline is queued on the device and synced automatically, with duplicate protection on the server.

My role: Full solo build: data model, UI modules, offline sync logic and Apps Script backend.

Client Work✨ Solo ProjectNext.js 14TypeScriptTailwind CSSFramer MotionPWAGoogle Apps ScriptGoogle Sheets
Live Demo

Key Features

  • ▸Dashboard with live KPIs: total purchases, sales, actual profit and low-stock alerts
  • ▸Six modules: dashboard, definitions, transactions, invoices, statements, finance
  • ▸Sales & purchase invoices with archive, reprint and cascade delete
  • ▸Supplier / customer / product statements including payments and old debts
  • ▸Installable PWA with service worker, dark mode, login and splash screen
  • ▸Offline-safe writes: local sync queue + unique request IDs + server write lock = no lost or duplicated records
📿
Islamic Utility App

Tasbeeh App

A minimal digital dhikr counter for daily Azkar.

A distraction-free counter for daily remembrances. Built solo as a fast, focused project with a calm interface that makes counting Azkar simple on a phone.

My role: Solo build: idea, UI and deployment.

Personal Project✨ Solo ProjectReactJavaScriptCSS
Live Demo

Key Features

  • ▸Daily Azkar with counters
  • ▸Minimal, distraction-free UI
  • ▸Fast solo build with vibe coding
🌐
Full Stack Web App

Personal Application Tracker

Personal website with an application submission and real-time status tracking portal.

A full-stack website where users submit applications and follow their status in real time. Self-hosted on a VPS with a Django backend, PostgreSQL database and a server-rendered Next.js front end.

My role: Full stack: front end, API, database and VPS deployment.

Personal Project✨ Solo ProjectNext.jsDjangoPostgreSQLVPSPython
Live Demo

Key Features

  • ▸Application submission & tracking portal
  • ▸Self-hosted on a VPS, deployed end to end
  • ▸PostgreSQL for persistent data
  • ▸Server-side rendering with Next.js
🏺
E-Commerce + Admin Dashboard

Gallery Republic

Online store for Pharaonic copper & silver-plated pieces, with a full order-management dashboard.

A complete e-commerce experience for an Egyptian brand selling Pharaonic-themed pieces (11 designs, each in pure copper or silver-plated finish). Customers build a cart, add optional laser engraving, and place an order in a few taps — while the owner manages orders, stock, discounts and promotions from a private dashboard. Google Sheets works as the database through a Google Apps Script API, so the client can see and edit everything in a tool they already know.

My role: Designed and built end to end: storefront, admin dashboard, Apps Script backend and deployment.

Client Work✨ Solo ProjectNext.js 16TypeScriptTailwind CSS v4Framer MotionGoogle Apps ScriptGoogle Sheets
Live Demo

Key Features

  • ▸Cart with smart bundle discounts (rules are loaded live from the sheet, no redeploy needed)
  • ▸Laser-engraving option per piece — custom text or logo upload with live line editor
  • ▸Checkout with Egyptian phone validation, governorate/area picker and Google Maps location link
  • ▸Admin dashboard: login, orders & status flow, inventory, discounts, promo banner, analytics, printable shipping labels
  • ▸Anti-abuse protection: honeypot, per-device rate limit, request queue with automatic retry, server-side write lock
  • ▸Switchable themes (Pharaonic campaign / Classic) from a single config flag
🍽️
Digital Menu Website

Alexander Restaurant Menu

Luxury dark-mode Arabic menu for an Alexandria restaurant — food, drinks, desserts and shisha.

A fast, mobile-first digital menu that customers open by scanning a QR code. The full RTL Arabic layout, black-and-gold branding and smooth animations give it the feel of a premium venue, while the whole menu lives in one data file so prices and items can be updated in minutes.

My role: UI design, front-end development, menu data entry and deployment.

Client Work✨ Solo ProjectNext.js 14TypeScriptTailwind CSSFramer MotionRTL / Arabic
Live Demo

Key Features

  • ▸Four sections (food, drinks, desserts, shisha) with 30+ categories and hundreds of items
  • ▸Sticky category tabs with smooth scroll and active-section tracking
  • ▸Item cards open animated modals with photos; “Top” and “New” badges
  • ▸Support for dual pricing (e.g. portion / kilo) and items without images
  • ▸Floating WhatsApp button, SEO metadata and Vercel Analytics
💍
Interactive Invitation

Digital Wedding Invitation

A romantic Arabic wedding invitation with countdown, venue map and a private guest-wishes inbox.

A shareable invitation link guests open on their phones. It starts with an animated intro and a “tap to open” screen that starts the wedding music, then shows the calendar, a live countdown, venue details with a map link, and a form where guests leave a congratulation message. The messages are stored in Google Sheets and read by the couple on a password-protected page.

My role: Design, front-end, secure API route and Google Sheets integration.

Client Work✨ Solo ProjectNext.js 14ReactCSS AnimationsAPI RoutesGoogle Apps Script
Live Demo

Key Features

  • ▸Animated loading screen, tap-to-open gate with background music, floating hearts
  • ▸Live countdown to the ceremony and an auto-built month calendar
  • ▸One-tap “open location” button for the venue
  • ▸Guest wishes form → server API route → Google Sheet (secret key never exposed to the browser)
  • ▸Password-protected /messages page where the couple read all wishes
🎬
API-Powered App

Movie App

Discover trending movies and series with ratings, banners and user comments.

A movie and series discovery app that pulls live data from a public movie API. Users browse trending titles, check ratings and banners, and read or leave comments, all inside a clean, responsive React interface.

My role: React UI, API integration and state management as part of the team.

Team Project👥 Team ProjectReactAPI IntegrationJavaScriptCSS
Live Demo

Key Features

  • ▸Live movie & series data from an external API
  • ▸Ratings, banners and user comments
  • ▸Responsive layout for mobile and desktop
  • ▸Collaborative development