Youssef Sherif, Developer in Sharjah, United Arab Emirates
Youssef is available for hire
Hire Youssef

Youssef Sherif

Verified Expert  in Engineering

Full-stack Developer

Location
Sharjah, United Arab Emirates
Toptal Member Since
May 21, 2018

Youssef is persistent and adapts to new environments quickly. As proof, he graduated with a master's degree in electrical and computer engineering from a number two university in Canada without having a bachelor's in this area. He built the most known (at its time in its language) open-source TTS without prior experience in the TTS field. Youssef specializes in back-end services and front-end web applications. He values simplicity and efficiency and writes super-readable and maintainable code.

Portfolio

Synthesis AI
React, Redux, Puppeteer, Mocha, Jest, TypeScript, CircleCI, Stripe, Material UI...
Multiplayer Games Platform
TypeScript, Twilio API, Express.js, Cloud Firestore, Firebase, Socket.IO...
Telecommunications Company
Web Scraping, CSS, JavaScript, Chrome Developer Tools, GNU Wget, Sass...

Experience

Availability

Full-time

Preferred Environment

Jira, Bitbucket, Slack, Lean, Agile, Teams, Visual Studio Code (VS Code), GitHub, MacOS, Chrome

The most amazing...

...software I've developed is an Arabic text-to-speech synthesizer, the most popular open-source Arabic TTS at that time.

Work Experience

Full-stack Developer

2021 - PRESENT
Synthesis AI
  • Began building features and fixing bugs in an existing codebase the first day after knowledge transfer.
  • Created a library that removed the complexities of end-to-end tests and integrated end-to-end tests into the project.
  • Developed new React Hooks to reduce the amount of duplicated code in the codebase.
  • Developed and maintained a Go API with a PostgreSQL database.
Technologies: React, Redux, Puppeteer, Mocha, Jest, TypeScript, CircleCI, Stripe, Material UI, PostgreSQL, Stripe API, Payment Gateways, Go, API Design, Gulp, JSX, Jira, React Router, Continuous Delivery (CD), Continuous Integration (CI), Tailwind CSS

Back-end Developer

2021 - 2021
Multiplayer Games Platform
  • Developed a back-end service for multiplayer games with video calling capability between players.
  • Reconfigured the Socket.IO connection so that the server still recognizes registered clients, even after a server crash.
  • Integrated a Cloud Firestore database with an existing codebase.
  • Refactored an existing codebase for a multiplayer gaming platform and decoupled and modularized the code.
Technologies: TypeScript, Twilio API, Express.js, Cloud Firestore, Firebase, Socket.IO, Node.js, Mocha, JavaScript, Google Cloud, Socket Communication, WebSockets, API Design, Twilio

Front-end Developer

2020 - 2021
Telecommunications Company
  • Scraped production-level websites to replicate them locally and performed updates on them.
  • Implemented CSS changes on the fly, using the browser only where the code was not convenient for use.
  • Adapted styles to a variety of screen sizes and different browser environments.
Technologies: Web Scraping, CSS, JavaScript, Chrome Developer Tools, GNU Wget, Sass, Front-end, HTML, SCSS

Software Engineer

2019 - 2020
Speechmorphing
  • Developed microservices for an Arabic text-to-speech (TTS) system based on Tacotron neural network architecture.
  • Used Google Cloud Storage to store machine learning models and another GPU server in GCP for training.
  • Developed a controller service deployed in Heroku. It turns on and off the GPU server to save money, communicates with the diacritizer, and interfaces with the front-end app.
  • Dockerized the machine learning model training and speech synthesis workflow to work in almost any environment.
Technologies: Angular, Node.js, Google Cloud Platform (GCP), Python, Google Cloud Storage, Google Compute Engine (GCE), TypeScript, JSON, REST, SCSS, Web Architecture, JavaScript, Google Cloud, Docker, Amazon Simple Queue Service (SQS), API Design, Flask

Full-stack Developer

2019 - 2019
Toptal Client
  • Developed a crawler that sends log messages in semi-real time to the front end using Socket.IO. The crawler has options for filtering URLs and for maximum crawl depth.
  • Crawled websites saved as a zipped archive in an S3 bucket; links to those files are kept in a MongoDB database.
  • Used Angular on the front end to build the admin panel for monitoring crawls.
Technologies: Socket.IO, MongoDB, Amazon S3 (AWS S3), Angular, Node.js, Web Scraping, Amazon Web Services (AWS), Puppeteer, SCSS, TypeScript, JavaScript, Socket Communication, WebSockets

Full-stack Developer

2019 - 2019
Auto Auction Company
  • Developed an admin panel that managed cars for auctions, featuring a sophisticated image uploader/sorter and chips.
  • Migrated from an old Python Flask API service to a Node.js service.
  • Migrated third-party data to the system's MongoDB database.
Technologies: MongoDB, RxJS, Amazon S3 (AWS S3), TypeScript, Node.js, Angular, Material Design, SCSS, Mocha, Storybook, REST, Jest, CSS, Full-stack, JavaScript

Software Engineer

2019 - 2019
Manufacturing Company
  • Built an admin panel with sophisticated client-side state management that enabled a manufacturing company's admins to create and monitor jobs and parts manufactured along with an employee management system.
  • Developed a Node.js API service and handled the deployment of the admin panel and a MongoDB database.
  • Showcased my UI components with Storybook and built unit tests to test the front- and back-end logic.
  • Used the Hygen code generator to generate UI components and routes quickly.
Technologies: MongoDB, Google+ Authentication, NGXS, Amazon S3 (AWS S3), Jest, RxJS, TypeScript, Node.js, Angular, Code Generators, Amazon Web Services (AWS), REST, JSON, Mocha, CSS, SCSS, Full-stack, JavaScript, Google Cloud, MongoDB Atlas, Authentication

Technical Team Lead

2017 - 2019
ThoughtDesign
  • Built a Node.js application that demonstrates an architecture for building Node.js back-end services using the command-query responsibility separation principle and event sourcing.
  • Conducted code reviews for projects built in Angular.
  • Added features and fixed bugs for a web portal used to administer managed cloud hosting on AWS and Microsoft Azure.
  • Received recognition as the best team by a client who had previously dealt with failing technical teams.
  • Built new features and maintained an enterprise project while practicing Scrum with other developers.
  • Migrated AngularJS components to Angular for a web portal and added unit tests.
  • Assessed and interviewed senior and junior developers in the hiring process.
Technologies: Express.js, Sass, MongoDB, JavaScript, Node.js, C#, Webpack, Angular, Scrum, Architecture, Jasmine, SCSS, CSS, Jest, TypeScript, REST, JSON, Technical Leadership, Gulp, .NET, Swagger, Karma, Page Object Model (POM)

Senior Developer

2017 - 2017
ThoughtDesign
  • Designed and developed a platform concerned with online buying, selling, and bidding services.
  • Developed and maintained an enterprise solution for which I built Angular components.
  • Migrated and optimized the build and bundling process for an enterprise solution that consisted of three Angular apps.
Technologies: Node.js, JavaScript, CSS, Sass, Webpack, Angular, TypeScript, Jasmine, SCSS

Full-stack Developer

2016 - 2017
34ML
  • Developed the back end and the admin panel for a quiz platform that featured quizzes for employees at Merck, a multinational pharmaceutical company.
  • Developed an admin panel that featured real-time notifications.
  • Built layered authorization access layers for the admin panel.
  • Wrote multilayered MongoDB aggregate queries and sophisticated MongoDB queries to increase query speed.
Technologies: Socket.IO, Express.js, MongoDB, AngularJS, Node.js, Less, CSS, REST, JSON, JavaScript, Socket Communication, WebSockets, Back-end, Front-end, API Design, MEAN Stack, REST APIs

Front-end Developer

2016 - 2016
34ML
  • Maintained and fixed bugs for an admin panel that lets users manage their laundry and dry-cleaning accounts.
  • Developed a fully functional and responsive admin panel using AngularJS.
  • Learned and applied a variety of technologies in a short time.
Technologies: CSS, Angular Material, FullCalendar, AngularJS, Less, JSON, JavaScript, HTML5, Web Development, Bootstrap, Responsive Layout

Project CldGt (Confidential)

A platform for one of the world's largest companies in information technology services. This platform is used to administer managed cloud hosting on AWS and Microsoft Azure. My role involved Angular front-end app migration, code reviews, feature development, and bug fixes.

Ask.fm Web Automation Tool and Chrome Extension

https://github.com/youssefsharief/ask.fm-automater
A web automation tool that allows users to supply a set of users and a set of questions and then bypasses reCAPTCHA to ask the questions. I used an external API for reCAPTCHA. The tool is smart enough not to ask a single user a question more than once and not to flood the user with all the questions it has to ask simultaneously. This way, it does not appear like a bot is performing the tasks.

This tool is also a Chrome extension that calls a database to check the status of Ask.fm users when visiting their Ask.fm profile page. I used React for the UI and tools like Chrome Extension Hot Reloader for a better developer experience.

This tool acts like a scraper that scrapes users and saves users that fit a specific criterion in a database. It was built with jsdom, InversifyJS, and Requests, and it uses various 3rd-party APIs to help analyze the data:
https://github.com/youssefsharief/scrape-analyse-and-save-users

Arabic Tacotron TTS

https://github.com/youssefsharief/arabic-tacotron-tts
An end-to-end Arabic text-to-speech system I developed, which turned out to be the best open-source Arabic TTS in terms of natural speech.

Audio Samples: https://youssefsharief.github.io/arabic-tacotron-tts

iGrant

https://github.com/youssefsharief/data_access_blockchain_iot
A solution that allows IoT device owners to save their data securely and grant access to their data without relying on 3rd-party providers. It utilizes blockchain, IPFS, and a hybrid encryption approach, specifically symmetric and asymmetric. I used the Ethereum smart contract platform and React, web3.js, and Redux on the front end.

Tacola App

Microservices that deploy an Arabic text-to-speech system based on Tacotron neural network architecture. The system includes these four microservices:

1. An Angular app deployed on Zeit.
2. A synthesizer deployed on a server that has a GPU in Google Cloud Platform (GCP).
3. An Arabic diacritizer deployed on Heroku.
4. A controller deployed in Heroku that turns on and off the GPU server, communicates with the diacritizer, and interfaces with the front-end app.

I also used Google Cloud Storage to store machine learning models and another GPU server in GCP for training.

Blood Donation Real-time Map

https://github.com/youssefsharief/blood-donation-real-time-map
A Node.js back-end service and an Angular app that allows donors to register by clicking on their location on a map with search and location functionality. The map adds, deletes, or updates a donor's location, which is reflected in real time without the need for page refresh for other observers, including donors and patients.

Smoott

A platform that is concerned with online buying, selling, and bidding services. My role involved building Angular views, adding unit and end-to-end tests, and providing functionality through a mock API.

Infer Commit Type

A research exploration I performed while earning my master's degree at The University of British Columbia (not a project). This research involved utilizing NLP to infer whether a commit was a bug fix by using metadata, such as the commit message. I used a GraphQL API.

Medical Data DApp

https://github.com/youssefsharief/medical_data_dapp
A decentralized React app that allows patients to share their private medical data securely with selected doctors without the need for cloud storage. It depends on the blockchain with an Ethereum smart contract, IPFS, and a hybrid encryption approach, both symmetric and asymmetric. In addition to React, I used Redux on the front end for state management and web3.js for interacting with Ethereum nodes.

React YouTube Course

https://github.com/youssefsharief/academy-react-app
Two React courses I provided on YouTube—one in Arabic and the other in English. The courses explain the basic concepts of React and Redux. Please refer to the GitHub URL for the links to the YouTube playlists.

JS Static Analyzers

https://github.com/youssefsharief/bug-dataset
A research exploration I performed during my master's degree at UBC (not a project). In this research, we wanted to determine if we could detect fixed bugs in open-source projects using static analyzers. I automated the process of cloning GitHub repositories, performing diffs along the repository commits, extracting and saving affected files for each commit, and performing linting operations on those files.

Caltrack

https://github.com/youssefsharief/CalTrack
An app that allows users with different authorization access levels to keep track of their daily caloric intake and provides valuable analytics. I used the MEAN stack in addition to an API that gets dietary data.

Languages

HTML, HTML5, ECMAScript (ES6), TypeScript, CSS, JavaScript, Python, Solidity, Go, SCSS, Sass, GraphQL, C#, Less

Frameworks

Jasmine, Jest, Express.js, Angular, Redux, Cypress, Flask, Bootstrap, Chrome, Angular Material, Swagger, OAuth 2, AngularJS, Tailwind CSS, .NET, Material UI

Libraries/APIs

React Redux, REST APIs, React, Node.js, Puppeteer, Twilio API, ArcGIS API 4, Socket.IO, RxJS, React Router, Web3.js, D3.js, Stripe, Stripe API, Facebook Authentication

Tools

GitHub, JSX, Chrome Developer Tools, Git, Mocha, MongoDB Atlas, FullCalendar, Google Compute Engine (GCE), Bitbucket, GNU Wget, Jira, Slack, Gulp, Webpack, CircleCI, Amazon Simple Queue Service (SQS), Karma

Paradigms

MEAN Stack, Web Architecture, REST, Agile, Responsive Layout, Scrum, Continuous Delivery (CD), Continuous Integration (CI), Page Object Model (POM)

Storage

JSON, MongoDB, Google Cloud, Google Cloud Storage, Cloud Firestore, Amazon S3 (AWS S3), PostgreSQL

Other

APIs, Full-stack, Web Scraping, Front-end, API Design, NGXS, Socket Communication, Browser Automation, Computer Engineering, Engineering, Back-end, Software Engineering, Architecture, Web Development, CAPTCHA, Chrome Extensions, Technical Leadership, WebSockets, Ethereum Smart Contracts, Smart Contracts, Google+ Authentication, Authentication, Material Design, Code Generators, Encryption, IPFS, Static Analysis, Lean, Teams, Storybook, JSDOM, Decentralized Applications, Payment Gateways

Platforms

Google Cloud Platform (GCP), Heroku, Vercel, Twilio, Blockchain, Docker, Firebase, Ethereum, Amazon Web Services (AWS), Visual Studio Code (VS Code), Kubernetes, MacOS

2019 - 2021

Master of Applied Science Degree in Electrical and Computer Engineering

University of British Columbia - Vancouver, BC, Canada

2010 - 2015

Bachelor's Degree in Petroleum Engineering

American University in Cairo - Cairo, Egypt

DECEMBER 2018 - PRESENT

Toptal React Academy Graduate

Toptal, LLC

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