Muhammad Fawwaz Orabi

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.

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.

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.

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.

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.

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.

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.

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.

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.

A universal offline-first, cloud-syncing comprehensive practice management solution for small and large dental practices. A personal project hosted on custom Kubernetes infrastructure managed by Terraform and Helm releases. Powered by Supabase, a custom, self-managed CloudNative PG auto-scaling PostgreSQL Database. Mobile apps are built with React Native, and the web app is built with React Native Web for maximum code sharing.