EngineeringCase Study
Library Order Management System
Multi-role logistics platform — 6 roles, advance payment logic, custom supplier workflows.
Cover Story
Building Scalable Mobile Ecosystems That Actually Ship.
From React Native to Node.js infrastructure — engineered for clients from Casablanca to the world.
Abdelghani Salama
Mobile & Full-Stack Product Engineer — April 2026
Experience
5+ years
Apps shipped
10+
Languages
EN / FR / AR
Available
2026
Latest Highlights
MobileReact Native
Kool Smoothie & Wasal App
Fluid animations, performance refactors, and high-concurrency API hardening at Matious Digital.
Writing6 min read
Performance Optimization in React Native
From 200 ms interaction delays to 14 ms scroll frame time — real patterns from production.
Read the article →Architecture8 min read
PHP → Node.js: A Zero-Downtime Migration
Strangler-fig strategy, dual-write confirmation, and eliminating 40-minute deploys at a fintech.
Read the article →Engineering§ Engineering
Featured Case Study
Library Order Management: A 6-Role Logistics Platform
Library Order Management — custom web application for multi-role logistics and school-grade book list automation
The Problem
A physical library struggling with complex multi-role logistics and manual school-grade book list management.
The Solution
A custom web application automating the entire lifecycle from client registration to supplier purchasing.
Key Engineering
Financial Integrity
Handled 30% advance payment logic and automated price calculations.
Workflow Modeling
Built a 6-role permission system (Admin, Seller, Logistics, Collector, Supplier Manager, External Supplier).
Real-World Impact
Streamlined inventory collection and missing stock handling through a custom supplier module.
“The most valuable engineering work happens before the first component is mounted.”
System Overview
- User roles6 distinct
- Advance payment30% logic
- Supplier types3 variants
- StackNext.js · Supabase
Related Reading
The Art of Business Logic Modeling in Custom Web Apps
Multi-role permissions, financial state machines, and discriminated union types — modeling before coding.
Read the article →Features§ Experience
Professional Experience
4+ years across mobile, web, and backend engineering — startups to enterprise.
Matious Digital
CurrentMobile Development Engineer
React Native
Maintained and enhanced the Wasal app — developed new features, resolved critical bugs, and optimized performance for high-concurrency mobile users.
React Native · Web
Built and refined the Kool Smoothie lifestyle app and website, focusing on fluid animations, polished UI, and seamless frontend execution in production.
Dec 2024 – Mar 2025
Full Stack Developer
React Native
Developed and maintained two React Native apps — Client & Partner (users/businesses) and Agent (merchants) — with WhatsApp OTP auth and SSO push notifications.
Backend Migration: PHP → Node.js
Node.js · Express
Led the migration from Symfony PHP to Node.js (Express), integrated broadcast marketing, optimized backend APIs, and refined CI/CD deployment pipelines.
VOID.fr
Web Developer
React Native · PWA
Developed secure cross-platform apps (Santé, Auto, Épargne) utilizing cryptographic methods for 35% better data security.
React Native · PWA
Digital platform for the Casablanca Stock Exchange — market data, listed companies, investor relations, and financial publications.
Web · Platform
Corporate website and digital leasing platform for Morocco's leading automotive LLD service — online simulation and contract management.
React Native
iOS & Android mobile app for a parapharmacy e-commerce platform — product catalog, real-time search, cart, and order tracking (Shopify GraphQL API).
Elsan Care
Web · PWA
Built an online reservation feature improving patient booking efficiency by 20%, and implemented PWAs boosting accessibility and engagement by 30%.
ITPE
Full Stack Developer
Digital Signature Microservice
Microservice · NestJS
Created a microservice for digital signature workflows — improved signing and verification processes by 86% and integrated with enterprise client systems.
Smart Hotel Platform
NestJS · GraphQL
Migrated the core hotel management platform to NestJS and GraphQL, boosting system performance by 15% and enabling real-time querying.
Univers Environnement
Net Developer, Intern
Ali Stock
.NET · Desktop
Designed and implemented a desktop inventory management application covering stock tracking, purchase orders, and supplier management.
Also
Additional freelance & client work includes Pressing Oum, Aalia Radio, and Le360 — mobile infrastructure for one of Morocco's most-read news platforms.
Stack§ Stack
Technical Stack
Full-cycle engineering — from strategy to deployment
Frontend
90%
Mobile
95%
Backend
80%
DevOps
70%
Strategy & Design
- Business Logic ModelingCore
- Product StrategyStrategy
- UI/UX PolishingDesign
Mobile & Web
- React Native (Expo)Primary
- TypeScript & Next.jsPrimary
- Tailwind CSSUI
Backend & DevOps
- Node.js (Express/NestJS)Backend
- Supabase & PostgreSQLData
- Docker & CI/CD PipelinesDevOps
About§ Profile
Global & Local Ready
Global Reach, Local Craft.
Four years shipping production software across mobile, web, and backend — from Casablanca to international clients.
“I accept select freelance projects for 2026. If you need a product engineer who ships — let's talk.”
Based in
Casablanca
Focus
Mobile · Web
Open to
Remote
Languages
English | Fluent (Academic IELTS Candidate) |
French | Professional |
Arabic | Native |
Education
Bachelor's in Applied Informatics
University of Mundiapolis · GPA 3.2 · 2022
Certifications
- JavaScript Algorithms & Data StructuresfreeCodeCamp
- Responsive Web DesignfreeCodeCamp
- React JS + REDUX + HOOKSUdemy
- Node JS with MERN StackUdemy
- Honoris 21st Century SkillsHonoris United Universities
WritingView all articles →
Writing
Thoughts on mobile engineering, product development, and the craft of software.
View all articles- Mobile Engineering6 min read
Performance Optimization in React Native: Lessons from Production
Real-world patterns for eliminating jank, reducing bundle size, and keeping 60 fps across low-end Android devices — drawn from high-concurrency production apps.
React NativePerformanceMobile— March 28, 2026 - Backend Architecture8 min read
Migrating a Fintech Backend: From PHP Symfony to Node.js
How we planned and executed a zero-downtime backend migration for a fintech platform, moving from a legacy Symfony monolith to a modular Node.js service layer.
Node.jsBackendArchitecture— February 14, 2026 - Product Engineering7 min read
The Art of Business Logic Modeling in Custom Web Apps
Multi-role permission systems, financial transaction flows, and supplier workflows — how to model complex real-world business logic before writing a single line of React.
ArchitectureFull-StackProduct— January 9, 2026
Contact
Ready to build your next MVP or automate your operations?
I am currently accepting select freelance projects for 2026.
Book a consultation
Book a Technical Consultationor
Direct email
dev@abdelrany.comOpens an email to dev@abdelrany.com with subject "New Project Inquiry - [Company Name]"