Salah Alomari

The Toptal React Accelerator is an exclusive learning program that educates JavaScript developers in React, Next.js, Redux, and GraphQL. This is a two-month program that consists of rigorous learning exercises and hands-on activities along with a stringent evaluation process, comprehensive learning assessments, and 30-to-40 hours of building an invoice management system. Within this invoicing application, users are able to track invoices, clients, and company information.

A complete rewrite of a massive educational platform serving more than a million users with a fully featured content management system and a learning management system.

The CMS included features like drag and drop, fill-in-the-blank sentences, drop zone creation, video components, among many other features.

I was the technical lead on a team of four engineers, including myself. I redesigned the architecture to exclude learner state management—a heavily used resource—into a separate service that integrated with the main monoloth through HTTP calls.

I also redesigned the data structure on the database using graph theory and binary search trees in order to reduce state updates to a logarithmic complexity down from quadratic complexity of the top down approach used earlier.

I also moved the calculations from on-read to on-update in order to reduce the complexity of loading course content along student state and make state change propagation faster.

This project also involved making a fully functional learning management system on React with a large variety of educational content, which involved advanced features like integrations with OpenAI for voice recording and recognition to build oral spelling questions.

Designed, architected, and built a forum product into an educational platform. The forums are similar to the comment section on YouTube, with multiple levels of replies and reactions to posts and comments that must tie into a certain module of content on any given course where such a feature can be switched on or off for any given educational component (e.g., a video).

I built the forum data architecture on MongoDB, using document embedding and references to link various user-added content. This also included handling editing, deletions, reporting, and reactions. The front end was built using React and Redux with SCSS styling to create a responsive experience.

The list of posts was placed on an infinite scroll with back-end API pagination to reduce the load on the database. Comments on posts were also hidden and only loaded on user-triggered expansion. Upon requesting the comments and in response, the list would open with a CSS in-out animation and JavaScript-induced scroll to the last comment.

The front and back ends were all built decoupled from the main monolith on the logical layer; however, they resided on the same server but were built in a way to allow easy decoupling into their service at any future time.

Edraak is a massive open online course (MOOC) platform for managing students' course enrollments and certifications.

The app is built with React, Redux, Python, and Django. I was the tech lead and full-stack developer creating the REST APIs and responsive application with React and Redux that increased user retention by 35%.