Banking UI demo · passkeys · transfers · statements · PWA
UmerPay
Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run.
Next.js 14App RouterTypeScript
View project →All projects
Food delivery · React · NestJS · admin
Ghazi Restaurant
Online food ordering & restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership).
Ghazi Restaurant is a food delivery and restaurant management platform — live at ghazirestaurant.com.
Customers browse menus, place orders, track delivery, and chat with admin. Operators manage orders, staff, deals, and reports from a full admin panel.
As Technical Lead / Senior Full Stack Developer, I split time between hands-on React and NestJS delivery and team leadership across architecture, sprints, and integrations.
ReactNestJSTypeScriptMongoDBReduxTailwind CSSFirebaseSocket.IOGoogle Maps APIJWTDockerAWS
Product gallery
Screenshots
Tap any screen to open fullscreen — swipe or use arrows to browse.
Overview
At a glance
Live site
ghazirestaurant.com
Type
Food delivery & restaurant management
Role
Technical Lead / Senior Full Stack Developer
Split
40% coding · 60% leadership & PM
Overview
Programming languages
| Language | Purpose |
|---|---|
| JavaScript (ES6+) | Frontend (React, Redux) and backend logic |
| TypeScript | Type-safe NestJS backend and scalable frontend |
| HTML | Structural foundation for UI components |
| CSS / SCSS | Styling and responsive design |
| JSON | API data formatting and configuration |
Overview
Tech stack overview
| Category | Technology | Purpose |
|---|---|---|
| Frontend | React.js | Dynamic and responsive user interfaces |
| State | Redux Toolkit / Context API | Global app state |
| Routing | React Router | Client-side navigation |
| Styling | TailwindCSS, SCSS | Responsive layout and design |
| Backend | NestJS (Node.js + TypeScript) | Modular REST API architecture |
| Database | MongoDB (Mongoose) | Application data storage |
| Auth | JWT, Passport.js | Secure authentication |
| Realtime | Firebase / Socket.IO | Chat, notifications, presence |
| Charts | Recharts / Chart.js | Admin dashboard analytics |
| Maps | Google Maps API | Addresses and delivery tracking |
| DevOps | Docker, GitHub Actions, AWS EC2 | CI/CD and cloud hosting |
Case study
Delivery & product depth
My role & contribution
- Technical Lead / Senior Full Stack Developer — 40% hands-on coding, 60% team leadership and project management.
- Defined architecture and module breakdown across frontend, API, and admin surfaces.
- Managed task assignments, sprint planning, code reviews, and code quality standards.
- Coordinated with design and backend teams; oversaw Firebase, Google Maps, and POS integrations.
- Built key frontend modules — dashboards, chat, multilingual UI, and reporting tools.
- Implemented JWT auth, real-time order flows, and MongoDB-backed APIs with the NestJS backend.
Customer application
- Homepage with banner/slider, featured deals, and most popular products.
- Categorized menu and item listings with short/long descriptions.
- Add to cart, place order, and apply coupon codes.
- Payment options: Cash on Delivery (COD) and POS machine.
- Order management — past and active orders, details, and live tracking.
- Address book management.
- Chat with restaurant admin.
- Account management — profile and password.
- Multilingual interface (English and Arabic).
Admin panel
- Graphical dashboard — orders, revenue, and customer statistics.
- Item and menu management.
- Customer and delivery staff management.
- Employee and user role management.
- Module configuration.
- Deals, coupons, and offers management.
- Online order management.
- Push notifications and messaging.
- Subscriber list management.
- Reports — orders, items, customers.
- System settings and configuration.
Deep dive
Platform architecture
Frontend
- React.js — dynamic, responsive customer and admin interfaces.
- Redux Toolkit / Context API — global state management.
- React Router — client-side navigation.
- TailwindCSS and SCSS — responsive, utility-first styling.
- Recharts / Chart.js — admin dashboard visualization.
- Axios — HTTP communication with NestJS APIs.
Backend & data
- NestJS (Node.js + TypeScript) — modular REST API architecture.
- MongoDB with Mongoose — application data persistence.
- JWT and Passport.js — authentication and authorization.
- Firebase / Socket.IO — real-time chat, notifications, and presence.
Integrations & DevOps
- Google Maps API — address selection, geolocation, delivery tracking.
- Docker, GitHub Actions, and AWS EC2 — CI/CD, containers, and hosting.
Interested in similar delivery?
Get in touchKeep exploring
Related projects
More work with a similar stack and delivery focus.
Morocco · AI matchmaking · 100K users
Cuddloo - AI Match Making App
AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery.
KotlinAndroidSwift
View project →Car detailing · marketplace · Stripe Connect
Tash Wash
Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager & Technical Lead.
AndroidKotlinMVVM
View project →© 2026 Umer Sheraz