Close

Abdulrahman (Abdu) Assabri

a.k.a. Abdusabri






Welcome Notes

About the website

Thank you for your interest in my website!

The website is intended to complement my LinkedIn profile, GitHub profile, and resume, and together, they should provide a better view of who I am, my skills, experience, and career achievements.

About my resume

I didn’t provide a link to my resume, as I’m not a fan of generic resumes, and I prefer to use optimized versions whenever possible.

Therefore, if you would like to get my resume, kindly contact me and write a few words on the purpose/role, and I will gladly send you a relevant version of it. Thanks for your understanding!

About my work

Under “My Work” section of the website, I put some samples that I’ve worked on. Some content may not be as fresh as it was the case when originally completed (ex. a feature – or a similar one – that I wanted to add to a product, might have been recently added).

Some of the cases reference companies/products such as, Airbnb, LinkedIn, Udemy, Wuzzuf (the #1 recruitment website in Egypt). All of these cases are samples of my own ideas and opinions, which are not representing or associated with the companies in any way.

A thank you note

I would like to express my gratitude to the people behind many of the great products and services that I’ve used to create my website and its contents, actually for a total cost of 0! (not counting the cost of my time and energy bills 🙂)

Companies include Automattic (who is behind WordPress), Layers (WordPress themes), MySQL, Pexels (Photographer: picjumbo.com) (who is the source of the header image), many plug-in developers, Balasamiq, Axure RP, Invision, Draw IO, and maybe some who I don’t know or I forgot to mention.

Finally, thanks to many people who have helped me and taught me a lot!

My Open Source Contributions

I strongly believe that the tech industry wouldn’t have come such a long way without open source software, and one of the best ways to give back is by contributing to open source projects.

Mattermost

Mattermost, one of Y Combinator’s top 100 companies, provides an open source enterprise-grade messaging platform to the world’s leading organizations that allows teams to collaborate securely and privately anywhere. Mattermost has over 10,000 server downloads / month, and their customers include Intel, Samsung, Affirm, The US Department of Defense and more.

Tech used in my contributions: React, JavaScript, TypeScript, CSS/Sass, Redux, Jest, Enzyme, and Cypress (E2E Testing)

Here are links to some of my code contributions to Mattermost.

Recognition of My Contributions

Here are some examples of how well-received and recognized my contributions are.

GitLab

GitLab – The first single application for the entire DevOps lifecycle. From project planning and source code management to CI/CD and monitoring, GitLab is a complete DevOps platform, delivered as a single application.

Tech used in my contributions: JavaScript, Mocha, ESLint, ASTs

Here is a link to one of my code contributions to GitLab.

GitLens

GitLens supercharges the Git capabilities built into Visual Studio Code. It helps you to visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more. GitLens has 48.9M+ downloads.

Tech used in my contribution: TypeScript and HTML

Here is a link to my code contribution to GitLens.

freeCodeCamp

freeCodeCamp – Learn to code with free online courses, programming projects, and interview preparation for developer jobs. freeCodeCamp is a community of more than a million people who are learning to code together.

Tech used in my contribution: JavaScript, Mocha, and Chai

Here is a link to my code contribution to freeCodeCamp.

React

Following is a link to an open issue about a Hooks version of React’s official Tic Tac Toe tutorial, where I linked code to a fully migrated version of the tutorial.

Update Tutorial to use Hooks instead of class components

Documentation

In addition to code contributions, I’ve made many documentation contributions, including adding words for a spelling checker VS Code extension that has been installed 1M+ times.

My Work

Some projects I’ve developed, sample cases related to product management, and presentations I’ve created

Engineering/Development
eslint-plugin-func-params-args

An ESLint plugin that enables you to limit the number of function parameters and arguments with ease and flexibility!

Tech: JavaScript, ESLint, ASTs, Mocha, Prettier, Travis CI

Neighborhood Map

A web app for a neighborhood map (Berlin, Germany) with some interesting locations/places to visit.

Tech: Bootstrap, React, Debounce, React Router v4, Mapbox, Foursquare, Responsive, JS Promises

Arcade Game

A Frogger-like arcade game. It has a player selection features, and controlled using keyboard.

Tech: HTML5 Canvas, JavaScript, OO/Function Prototypes, IIFE

Memory Matching Game

A memory matching game. To win the game, you have to match 8 pairs of cards.

Tech: JavaScript, CSS (BEM), Responsive

Pomodoro Clock

A pomodoro clock app with adjustable session and break lengths.

Tech: React, Redux, Components with Render Props, Stateless Functional Components, Material-UI

Markdown Previewer

A Markdown previewer app with code highlighting support.

Tech: React, Material-UI, Container Component, Marked

Calculator

A simple calculator that supports keyboard input and operations sequencing.

Tech: React, Material-UI, Render Props, external pure functions for state changes, dynamic UI generation, Flux-inspired actions for event handling

Product Management & Presentations
Ideas To Products Or Features

A process to follow to decide whether to turn ideas to products or features, or not.

Redesigning Wuzzuf Profile Pages

How I would redesign a candidate’s profile page on Wuzzuf, which also includes key requirements and considerations, and how to launch and measure the suggested upgrade. 

Airbnb, Search For Experiences

This a feature that I wanted to add to Airbnb’s website, which contains an Epic Spec Sheet, sample wireframes, user stories, and key milestones for the suggested feature.

Wuzzuf Upload Resume

A suggested fix to an issue that I’ve encountered while uploading my resume/CV on Wuzzuf. It has an interactive prototype. 

Udemy Playback Rate

I spend a lot of time learning on Udemy, and for me, this is a (sub) feature that I really miss. Though it looks trivial, but it would make a big difference for me as a student. 

UI Anti-Patterns & Usability Testing

To an organization that needs to reduce its expenses on usability testing, what would be possible when UI Anti-Patterns are considered? Here are some slides on what I suggest the organization do.

Introducing TDD, CI, DevOps

Here is how I would introduce some modern practices and development methodologies to an organization that is currently using old practices, highlighting key benefits and considerations. 

Designing Traffic Signs

What if I’ve been tasked with the design of traffic/road signs that we come across every day?! Here are some slides on what I think the key decisions are, and a process to follow. Hopefully, it won’t destroy the world! 🙂 

Contact Me

You can email me at abdusabri@outlook.com, and I will gladly get back to you as soon as I can. Thank you!