< SYS.CONTACT_INFO >
yousef.m2399@gmail.com
01063609443
[ READY_FOR_WORK ]
SYS_PARTICLES: ACTIVE
GRAVITY_MODE: REPULSION
[0x0000] INITIALIZED
import { useState } from 'react';
const init = () => {
try {
await compile();
} catch (e) { ... }
SYS.PROJECTS_GRID // v3.0.0
Choose a project and review the experience, highlights, and technologies behind it.
SYS_WINDOW
https://client-archive-server.portfolio.com/
Client Archive Server
Backend SystemsAn enterprise document archiving platform integrating legacy SQL Server data with MongoDB and an external archive service through secure RBAC and API gateway architecture.
Node.jsNext.jsReactTypeScript
SYS_WINDOW
https://ismart-workspace.portfolio.com/
iSmart Workspace Mobile App
Flutter AppsFlutter, Dart, Riverpod, Dio, Socket.io, Firebase Cloud Messaging, Google ML Kit, Flutter Secure Storage, Shared Preferences
FlutterDartRiverpodDio+5
SYS_WINDOW
https://quran-app.portfolio.com/
Quran App
Flutter AppsA comprehensive Flutter Islamic application combining Quran, Tafseer, Azkar, prayer times, Qibla compass, and a smart electronic Tasbeeh in a seamless offline-first experience.
FlutterDartGetXClean Architecture+8
SYS_WINDOW
https://bookly-app-mvvm.portfolio.com/
Bookly App MVVM
Flutter AppsA modern Flutter e-book application for discovering, searching, and saving books, with Firebase authentication, real-time favorites, REST APIs, and a scalable MVVM/Clean Architecture.
FlutterDartBLoCClean Architecture+9
iSmart Workspace Backend
Backend SystemsAn enterprise-grade backend powering real-time communication, IT asset management, SNMP printer monitoring, helpdesk ticketing, purchasing, and document management.
Node.jsExpressJavaScript
Tools and technologies
Flutter
Next.js
Node.js
MongoDB
TypeScript
Firebase
Socket.io
Maps
CI/CD
Design Systems
Flutter
Next.js
Node.js
MongoDB
TypeScript
Firebase
Socket.io
Maps
CI/CD
Design Systems
01
12+
Products shipped
02
6
Years in production
03
40+
Interactive flows
04
99.9%
Release stability
Capabilities
End-to-end digital product building
I work through the full product cycle from idea to launch, focusing on real usability and clean execution.
>It’s not just design—it’s something that works and can grow.
>
MOD_01
ACTIVE
X:000 Y:000
Product Strategy
Turning ideas into a clear execution path.
MOD_02
ACTIVE
X:014 Y:022
Interactive UI
Simple but alive interfaces with meaningful motion.
MOD_03
ACTIVE
X:028 Y:044
Scalable Architecture
Clean structure that grows with the product.
MOD_04
ACTIVE
X:042 Y:066
Fast Delivery
Structured execution without unnecessary delays.
Process
A clear workflow from start to finish
Each step has a defined outcome to keep things fast and reliable.
01
[STEP_01]
Discovery
Understand the idea, goals, and users first.
02
[STEP_02]
Design
Shape the experience before development starts.
03
[STEP_03]
Build
Turn design into a real working product.
04
[STEP_04]
Launch
Ship and support after release.
>ls -la ./journey
Journey
./journey
├── 2020Kickoff
│ Built the first MVP for local services.
├── 2022Shift
│ Launched full admin systems for companies.
├── 2024Scale
│ Multi-role solutions with interactive demos.
└── 2025Now
Portfolio showcase inside a device frame.