Muhammad Fawwaz Orabi, Developer in Kassel, Hessen, Germany
Muhammad is available for hire
Hire Muhammad

Muhammad Fawwaz Orabi

Verified Expert  in Engineering

Full-stack Developer

Location
Kassel, Hessen, Germany
Toptal Member Since
September 23, 2022

Fawaz is a full-stack developer with over seven years of professional experience in React, React Native, TypeScript, Node.js, GraphQL, and REST. During his career, Fawaz has helped ship production-grade mobile and web apps for the most ambitious startups in the US and Germany and a couple of open-source libraries.

Full-stack DevelopmentBack-end DevelopmentAuthenticationFront-endFull-stackCTOOpenAIJavaScriptTypeScriptReactNode.jsWebpackExpress.jsREST APIsElectronData ValidationWebAssemblyTravis CI

Portfolio

Cosuno Ventures GmbH
Node.js, GraphQL, React, TypeScript, JavaScript, REST, Prisma, MySQL, Autodesk...
AKJ Enterprises, LLC
Node.js, Electron, React, Material UI, Firebase, SQLite, Express.js, Axios, SQL...
Westwing Home & Living
PHP, JavaScript, TypeScript, Yii, React, Webpack, MySQL, Kubernetes, Docker...

Experience

Node.js - 7 yearsTypeScript - 7 yearsReact - 7 yearsJavaScript - 7 yearsMySQL - 5 yearsDevOps - 5 yearsAmazon Web Services (AWS) - 4 yearsGraphQL - 4 years

Availability

Part-time

Preferred Environment

Slack, Google Workspace, Visual Studio Code (VS Code), Linux, MacOS, Windows Subsystem for Linux (WSL), Zoom, Google Meet, Firefox, Chrome

The most amazing...

...project I've led was a full rewrite of two native mobile apps using React Native, which also had functions to bootstrap a smart, wifi-enabled IoT device.

Work Experience

Principal Full-stack Engineer

2022 - PRESENT
Cosuno Ventures GmbH
  • Built a GraphQL API layer with Prisma to integrate Autodesk's Forge API and 3D model viewer into the front end, running React and using TypeScript.
  • Implemented mass determination support according to the REB standard—a German building and construction specification—enabling a more detailed cost estimate breakdown for construction projects.
  • Created and implemented performance improvements to complex tree-like tables with virtualization.
  • Implemented a custom rich text editor for editing complex math formulas using Remirror.
Technologies: Node.js, GraphQL, React, TypeScript, JavaScript, REST, Prisma, MySQL, Autodesk, 3D, Front-end, Back-end, Next.js, MySQL/MariaDB, Electron, SQLite, SQL, Axios, Express.js, Material UI, Full-stack, APIs, Amazon Web Services (AWS), Software Architecture, Test-driven Development (TDD), Technical Leadership, Full-stack Development, Back-end Development, Front-end Development, OpenAI, Agile, Leadership, REST APIs, Cypress, Authentication, Architecture, Vue

Full-stack Electron and Node Developer

2023 - 2023
AKJ Enterprises, LLC
  • Implemented a report-creating infrastructure, including a Chrome-like print preview feature with an automatic table of contents and a "Find in reports" search and highlight feature (like Chrome).
  • Implemented exporting of reports as PDFs using jsPDF and optimized using a WebAssembly-compiled version of Go's pdf2cpu executable.
  • Fixed a responsive home screen layout with CSS Flexbox.
Technologies: Node.js, Electron, React, Material UI, Firebase, SQLite, Express.js, Axios, SQL, WebAssembly, Go, jsPDF, Html2canvas, Canvas 2D, PDF, Web to Print, Printables, Print, pdf2cpu, Responsive Web Apps, Responsive Layout, Firebase Realtime Database, Full-stack, APIs, Amazon Web Services (AWS), Software Architecture, Test-driven Development (TDD), Full-stack Development, Back-end Development, Front-end Development, OpenAI, Desktop, Agile, Leadership, REST APIs, Authentication, Architecture, Vue, CTO

Senior Full-stack Engineer

2021 - 2021
Westwing Home & Living
  • Contributed to the design and technical implementation of the legacy PHP server-rendered app conversion into a modern React single-page application.
  • Enabled an A/B test on a website's single page, which tested the new React-based front end against the existing PHP-rendered page.
  • Helped the team throughout the process of laying out the groundwork for the rewritten app.
Technologies: PHP, JavaScript, TypeScript, Yii, React, Webpack, MySQL, Kubernetes, Docker, DevOps, Kubernetes Operations (kOps), YUI, Electron, SQLite, SQL, Axios, Express.js, Responsive Web Design (RWD), Mobile First, eCommerce, Full-stack, APIs, Amazon Web Services (AWS), Software Architecture, Test-driven Development (TDD), Technical Leadership, Full-stack Development, Back-end Development, Front-end Development, Agile, REST APIs, Search Engine Optimization (SEO), Cypress, Authentication, Mobile-first Design, Architecture, Vue

Senior Front-end Developer

2020 - 2021
ABOUT YOU
  • Joined a large team in developing, testing, and maintaining UI components and API normalization layers for our new tech stack using React, TypeScript, and gRPC web APIs within a monorepo.
  • Improved the continuous integration and delivery (CI/CD) pipeline by implementing better caching techniques for the Docker build containers using GitLab, reducing the steps required to run tests and validations.
  • Participated in discussions and team decisions in choosing the different components of the tech stack and monorepo structure.
  • Contributed to setting and monitoring performance budgets for the new web app's production builds.
  • Implemented techniques to improve load time and runtime performance, including code splitting, lazy loading of images and components, and opting for browser-native solutions when possible.
  • Helped maintain the legacy mobile web app while transitioning to the new one.
Technologies: Node.js, Docker, GitLab, GitLab CI/CD, React, Redux, Redux-Saga, TypeScript, gRPC, DevOps, Docker Compose, Kubernetes, Monorepos, Electron, SQLite, SQL, Axios, Express.js, Responsive Web Design (RWD), Mobile First, eCommerce, Full-stack, APIs, Amazon Web Services (AWS), Software Architecture, Slack API, Test-driven Development (TDD), Technical Leadership, Full-stack Development, Back-end Development, Front-end Development, Agile, REST APIs, Search Engine Optimization (SEO), Cypress, Authentication, Mobile-first Design, Architecture, Vue

Mobile Developer

2019 - 2020
RemoteLock
  • Contributed to launching RemoteLock's brand new Android and iOS mobile apps.
  • Took over the React Native mobile app development and made the necessary UI, UX, and build process changes to get the app working on Android in addition to iOS.
  • Integrated analytics tracking to help the product team get more insights on how end users engage with the app.
  • Enabled faster updates without waiting for App Store review approvals by integrating CodePush over-the-air updates.
  • Maintained the new apps and implemented new features in coordination with the product team.
Technologies: React Native, Java, Xcode, Android Studio, Objective-C, CodePush, Visual Studio App Center, Hardware, MySQL, DevOps, Electron, Firebase, SQLite, SQL, Axios, Express.js, Mobile First, Full-stack, APIs, Software Architecture, Python, Test-driven Development (TDD), Technical Leadership, Full-stack Development, Back-end Development, Front-end Development, Agile, Leadership, REST APIs, Cypress, Authentication, Mobile-first Design, Architecture, Open Source, OAuth, NPM, iOS, Vue, CTO

Senior Web Developer

2018 - 2019
RemoteLock
  • Completed full redesigns of existing websites to improve navigation, visuals, and usability.
  • Tested and troubleshot websites before deployment.
  • Designed, implemented, and monitored web pages and sites for continuous improvement.
  • Represented the web team at online meetings with executives and discussed project goals and milestones.
  • Collected, defined, and translated user requirements into project designs and implementation plans.
  • Led the efforts of developing and maintaining the web app, built using React and Redux and consuming a REST API.
  • Built a custom scheduler component for React, RemoteLock's first open source project.
  • Developed the web app's style guide using Storybook.
  • Set up an end-to-end testing infrastructure using Cypress with continuous integration.
  • Improved the web app's performance by splitting code, loading localization resources on demand, and replacing large, monolithic libraries with smaller, tree-shakable ones.
Technologies: Node.js, Ruby on Rails (RoR), Webpack, GraphQL, REST, Redux, React, Material UI, React Router, DevOps, GitHub Actions, MySQL, React Native for Web, Electron, Firebase, SQLite, SQL, Axios, Express.js, Responsive Web Design (RWD), Full-stack, APIs, Software Architecture, Python, Test-driven Development (TDD), Technical Leadership, Full-stack Development, Back-end Development, Front-end Development, Agile, REST APIs, Cypress, Authentication, Architecture, Open Source, OAuth, NPM, Vue

Lead Full-stack Developer

2017 - 2018
Hollowverse
  • Enabled HTTPS and HTTP/2 using AWS Application Load Balancer and AWS Certificate Manager with proper redirection and HSTS policies.
  • Created CI/CD pipelines using Docker and Travis CI, which took care of the entire deployment process.
  • Designed the AWS infrastructure for the new Hollowverse using Terraform.
  • Built the GraphQL API for querying quotes and stories about influential people, hosted on AWS Lambda and using the Serverless framework.
  • Developed the front end for the new Hollowverse using React, Redux, RxJS, TypeScript, and webpack.
  • Produced a webpage scraper to extract and feed the old website's content into the new database backing the GraphQL API.
  • Completed an AWS Lambda function to track and compare the new and old websites' performance.
Technologies: React, TypeScript, Google Cloud, Amazon Web Services (AWS), Serverless, Amazon Aurora, Amazon EC2 API, Algolia, GraphQL, Jest, AWS Lambda, Web Scraping, Image Processing, Performance, CI/CD Pipelines, Load Balancers, Terraform, Travis CI, Command-line Interface (CLI), Redux, RxJS, MySQL, DevOps, Electron, Firebase, SQLite, SQL, Axios, Express.js, Material UI, Responsive Web Design (RWD), Mobile First, Full-stack, APIs, Software Architecture, Google Cloud Platform (GCP), Test-driven Development (TDD), Technical Leadership, Full-stack Development, Back-end Development, Front-end Development, Agile, Leadership, REST APIs, Cypress, Authentication, Mobile-first Design, Architecture, Open Source, NPM, Vue

Web Developer

2012 - 2017
Mostaqqel (Freelance)
  • Developed a command-line utility that converts Word documents to HTML pages.
  • Recorded a video course covering the basics of web development.
  • Consulted on evaluating websites for performance, security, and compliance.
Technologies: Angular, JavaScript, TypeScript, Bootstrap, Node.js, jQuery, Gulp, MySQL, DevOps, Electron, SQLite, SQL, Axios, Express.js, Responsive Web Design (RWD), Mobile First, eCommerce, Full-stack, APIs, Software Architecture, Python, Google Cloud Platform (GCP), Test-driven Development (TDD), Twilio API, Full-stack Development, Back-end Development, Front-end Development, REST APIs, Vultr, Authentication, Architecture, Vue

WebCeph | An Orthodontic Treatment Planning Web App

https://github.com/forabi/WebCeph
An open source web app for tracing and analyzing cephalograms and photographs used in orthodontic treatment planning.

The web app is offline-enabled with CircleCI and uses web platform features such as service workers, workers, SVG, flexbox, and a drag-and-drop API. I built the app with React for UI rendering, Redux for one-way data flow state management, TypeScript for statically-typed JavaScript, and webpack for bundling and optimization.

For this project, I focused on a 60 frames-per-second runtime performance—avoiding expensive redraws, using hardware-accelerated CSS animations, and auditing performance with Chrome DevTools. In addition, I centered on network-delivery performance, HTTP/2 for multiplexed requests, and minification and concatenation. I also implemented code splitting with webpack for a speedy first load and caching and offline support with the service worker API for consistent load times.

React Week Scheduler Open Source Library

https://github.com/remotelock/react-week-scheduler
A time grid component that I built for React with scheduling capabilities. This was built to serve our use case at RemoteLock, where we needed a calendar-like UI to allow users to set and access schedules for their smart locks.

Front-end Web Development Video Course

https://academy.hsoub.com/learn/front-end-web-development/
A video course on front-end web development that I recorded in Arabic for Hsoub Academy. It covers the basics of front-end development, including HTML, CSS and JavaScript, Bootstrap 3, jQuery, automating build tasks with Gulp, adapting CSS to right-to-left layouts, advanced CSS and Sass, and version control for source code with Git and GitHub.

English-Arabic Translation | Introduction to User Experience

https://bit.ly/3U610Tk
A book by Joel Marshal that I translated into Arabic for Hsoub Academy. The book is a crash course on the basic principles of UI/UX design. It covers wireframes, visual weights, patterns, alignment, and proximity.

English-Arabic Translation | Getting Started with CSS

https://bit.ly/3BxaIak
A series of articles by the Mozilla Developer Network that I translated into Arabic for Hsoub Academy. It covers the basics of CSS for beginners, including block and inline layouts, positioning, different layout systems such as flexbox and grid, stacking contexts, and responsive design.

Clone of ZeroBot

https://hackaday.io/project/25092-zerobot-raspberry-pi-zero-fpv-robot
A hardware project involving building a Raspberry Pi Zero-based robot that can be controlled using a web interface. The robot has a built-in camera and lights and is powered by a rechargeable LiPo battery.

Note that I did not originally build the linked project, I just rebuilt it from scratch.

Contributor of Tuya BLE Home Assistant Integration

https://github.com/PlusPlus-ua/ha_tuya_ble/graphs/contributors
Contributed a smart thermostat device support to the Tuya BLE integration. This involved learning about internal home assistant integration APIs and reverse-engineering some parts of the TRV's behavior.

lastpass2enpass

https://github.com/forabi/enpass2lastpass
A little CLI tool that converts plain text files produced by the Enpass export tool to LastPass importable CSV (both are password managers). It's built with Node.js and uses streaming for efficient processing.

Daily Habit Telegram/WhatsApp Bot

I created a Telegram and WhatsApp bot as part of a personal project to help users stick to healthy daily habits. The bot service is written in TypeScript and uses SQLite as a database. It is currently up and running in production with daily active users who are beta-testing the service for free to collect feedback.

Languages

JavaScript, TypeScript, GraphQL, Python, CSS, HTML, SQL, Java, Ruby, Sass, Objective-C, PHP, Python 3, Go

Frameworks

React Native, Electron, Express.js, Cypress, Angular, Redux, Material UI, Next.js, Chrome, Ruby on Rails (RoR), Bootstrap, Jest, gRPC, Yii

Libraries/APIs

React, Vue, Node.js, React Native for Web, REST APIs, Redux-Saga, React DnD, Web Worker, jQuery, RxJS, Amazon EC2 API, React Router, YUI, jsPDF, Slack API, Twilio API

Tools

Webpack, Prisma, Grunt, Vim Text Editor, NPM, Slack, Zoom, Canvas, GitHub, GitHub Pages, Gulp, Git, Terraform, Travis CI, Xcode, Android Studio, Visual Studio App Center, GitLab, GitLab CI/CD, Autodesk, Docker Compose, Html2canvas, Canvas 2D, Vultr

Paradigms

Responsive Web Design (RWD), Test-driven Development (TDD), Agile, REST, DevOps, Offline-first Development, Responsive Layout, Search Engine Optimization (SEO)

Platforms

Amazon Web Services (AWS), Desktop, Firebase, Google Cloud Platform (GCP), Visual Studio Code (VS Code), Linux, MacOS, Firefox, Algolia, AWS Lambda, Docker, Kubernetes, Raspberry Pi, Raspberry Pi 3 GPIO, iOS

Other

Front-end, Mobile First, Full-stack, APIs, Full-stack Development, Back-end Development, Front-end Development, OpenAI, Authentication, Mobile-first Design, Architecture, CTO, ParcelJS, Open Source, Calendars, Axios, eCommerce, Software Architecture, Technical Leadership, Google Workspace, Windows Subsystem for Linux (WSL), Google Meet, SVG, Dentistry, Dental Care, User Authentication, Service Workers, Deployment, Right-to-Left (RTL) Scripts, RTL, Version Control Systems, Version Control, User Experience (UX), User Interface (UI), Translation, English, English-Arabic Translation, JavaScript Libraries, Serverless, Web Scraping, Image Processing, Performance, CI/CD Pipelines, Load Balancers, Command-line Interface (CLI), CodePush, Hardware, 3D, Back-end, GitHub Actions, Monorepos, Kubernetes Operations (kOps), Slate.js, Electricity, Soldering, Electronics, Home Assistance, Smart Homes, CSV, Streaming, WebAssembly, PDF, Web to Print, Printables, Print, pdf2cpu, Responsive Web Apps, Leadership, OAuth, Vite, Accessibility, Web Accessibility, Vitest, rspack

Storage

SQLite, MySQL, MongoDB, NoSQL, Data Validation, Google Cloud, Amazon Aurora, PostgreSQL, MySQL/MariaDB, Firebase Realtime Database

2015 - 2019

Master of Science in Dentistry | Major in Orthodontics

University of Hama - Hama, Syria

2010 - 2015

Bachelor of Dental Surgery in Dentistry

University of Hama - Hama, Syria

JUNE 2018 - PRESENT

Learn Authentication with Ruby on Rails

Codecademy

JUNE 2018 - PRESENT

Learn Ruby on Rails

Codecademy

JUNE 2018 - PRESENT

Learn Ruby

Codecademy

MAY 2014 - PRESENT

MongoDB for Developers

MongoDB University

MARCH 2014 - PRESENT

MongoDB for Java Developers

MongoDB University

DECEMBER 2013 - PRESENT

MongoDB for Node.js Developers

MongoDB University

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring