Hassan is available for hire
Hire HassanHassan Hafez
Verified Expert in Engineering
JavaScript Developer
Amsterdam, Netherlands
Toptal member since April 27, 2021
Bio
Hassan is a front-end engineer with a strong UX and visual design background. He has more than six years of experience working for startups and multinationals across the world. Hassan has extensive knowledge of the front end, JavaScript, browser APIs, and optimizing web performance, as well as significant experience with popular frameworks like React, Redux, and Next.js. He enjoys learning new technologies and is comfortable working alone or in a team.
Portfolio
Swvl
JavaScript, React, Next.js, TypeScript, Lerna, Rollup, HTML, CSS, Unit Testing...
BulkWhiz
JavaScript, React, Redux, Node.js, CSS, Styled-components, HTML, Cypress...
Cognitev
JavaScript, React, Redux, HTML, CSS, Google Tag Manager, Agile, Front-end...
Experience
Availability
Part-time
Preferred Environment
MacOS, Visual Studio Code (VS Code), Git
The most amazing...
...building transportation as a service app I've built serves more than 100,000 users daily across multiple countries.
Work Experience
Senior Front-end Engineer
2020 - PRESENT
Swvl
- Led the development of transportation as a service web app that enables corporates to assign easy transportation to their employees, serving more than 100,000 users daily across multiple countries.
- Spearheaded the development of a booking app for commuting between cities across multiple countries with different languages, built with React, TypeScript, and Next.js.
- Created Swvl's design system, a UI library of components, and its deployment pipeline (testing, building, and publishing) used across the company and significantly impacted the development cycle and time.
- Built real-time bus tracking on the map and monitoring.
- Collaborated with the back-end team in designing a RESTful API for the system to be consumed by the frontend clients.
- Embedded a Google tag manager and Google Analytics for the website conversion tracking and the user event tracking.
Technologies: JavaScript, React, Next.js, TypeScript, Lerna, Rollup, HTML, CSS, Unit Testing, Storybook, Cypress, Google Tag Manager, Agile, Front-end, Testing, Tailwind CSS, Design Systems, User Experience (UX)
Senior Front-end Engineer
2017 - 2020
BulkWhiz
- Acted as the lead front-end developer of customer-facing web app for (an AI-driven eCommerce platform).
- Initiated engineering practices around web performance like a hybrid. rendering and using the PRPL pattern that led to a 4x speedup.
- Wrote a performance monitoring workflow for measuring front-end delivery and back-end service responses and prevent regression.
- Constructed an anonymous buying experience for a better conversion rate.
- Developed an A/B testing workflow using Planout and React for the app.
- Used Chrome DevTools to investigate and fix front-end rendering performance issues and computationally intensive bottlenecks.
- Collaborated with the product and design team to spec and plan epics and features.
- Contributed to the development of multiple internal tools, including inventory management systems and reports visualization.
- Embedded a Google tag manager and Google Analytics for the website conversion tracking and the user event tracking.
Technologies: JavaScript, React, Redux, Node.js, CSS, Styled-components, HTML, Cypress, Unit Testing, Google Tag Manager, Agile, Front-end, Testing, CircleCI, User Experience (UX)
Front-end Engineer
2016 - 2017
Cognitev
- Designed and implemented an AI-advertising app called Instascaler (instascaler.com).
- Contributed to the development of multiple internal tools for helping the ads team.
- Rebranded multiple sites and landing pages.
Technologies: JavaScript, React, Redux, HTML, CSS, Google Tag Manager, Agile, Front-end, Testing, User Experience (UX)
Experience
Swvl Travel - A City Commuting Web App
Swvl Travel is a booking app for commuting between cities in different countries. I led the development of the app and the squad.
It supports multiple countries and languages with the ability to book travel anonymously.
It supports multiple countries and languages with the ability to book travel anonymously.
BulkWhiz - AI-driven eCommerce App
AI-driven eCommerce web app built with React and Redux. I acted as the lead front-end developer of the customer-facing web app.
I built all of the core functionality including products listing, promotion management, discount management, product searching, filtering, cart management, and one step/multiple steps check out, multiple payment integration, and email marketing
I built all of the core functionality including products listing, promotion management, discount management, product searching, filtering, cart management, and one step/multiple steps check out, multiple payment integration, and email marketing
Swvl Business - Transportation as A Service Dashboard
https://swvl.com/businessSwvl business is a service in Egypt, Kenya, and Pakistan; it provides solutions for corporates, schools, and universities to commute easily, safely, and reliably every day.
I've built it using React and TypeScript mainly and some of its features were easy scheduling and conflict resolution between employees shifts and effortless monitoring and tracking of your employees.
I've built it using React and TypeScript mainly and some of its features were easy scheduling and conflict resolution between employees shifts and effortless monitoring and tracking of your employees.
Nomo - a Writing Assistant Web App and Chrome Extension
https://www.youtube.com/watch?v=eg8bsVy5jg8Nomo is a React-based web app and Chrome extension for a better and faster way of communication for any business.
It provides writing assistance by creating smart templates using shortcuts and commands and a rich-text editor similar to Notion for automating frequent communications and snippets.
It provides writing assistance by creating smart templates using shortcuts and commands and a rich-text editor similar to Notion for automating frequent communications and snippets.
Instascaler - Traffic Acquisition Platform
InstaScaler is a React-based app that automates traffic acquisition for any website by automating campaign creation, optimization, and A/B testing across hundreds of marketing platforms.
It collects traffic from multiple traffic sources including Google Search, Display, Facebook, Amazon, Bing, and hundreds of others with zero manual effort.
It collects traffic from multiple traffic sources including Google Search, Display, Facebook, Amazon, Bing, and hundreds of others with zero manual effort.
Education
2011 - 2016
Bachelor of Engineering Degree in Computer Science
Mansoura University, Egypt - Egypt
Skills
Libraries/APIs
React, Node.js, Vue, Gmail API, Immutable.js, Emotion API
Tools
Git, Chrome Developer Tools, Lerna, Rollup, CircleCI, Webpack 4
Languages
JavaScript, TypeScript, CSS, HTML, GraphQL
Frameworks
Next.js, Redux, Cypress, Jest, Bootstrap, Tailwind CSS, Draft.js
Paradigms
Unit Testing, Testing, Agile, REST
Platforms
Firebase, Mixpanel
Other
Website Performance, Front-end, User Experience (UX), Design Systems, Google Tag Manager, Styled-components, Computer Science, Chrome Extensions, Private NPM Modules, Storybook, Firebase Cloud Functions, Performance
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