Hamza is available for hire
Hire HamzaHamza Salah
Verified Expert in Engineering
Front-end Developer
Casablanca, Grand Casablanca, Morocco
Toptal member since January 25, 2022
Bio
Hamza is a product-oriented front-end web developer interested in automation and web performance. He has experience with JavaScript's building tools and frameworks to create unique, functional, and cutting-edge web apps. He is passionate about building products that help users focus on the creative aspects of their jobs.
Portfolio
Pixelcut
TypeScript, Tailwind UI, Shadcn, WebGL, Konva, Canvas, Web Worker, React...
Gemography
React, Next.js, TypeScript, GraphQL, React Apollo, Tailwind CSS, Storybook...
Milvue
React, TypeScript, Redux, Redux Thunk, React Apollo, GraphQL, Cypress...
Experience
- CSS - 5 years
- React - 5 years
- JavaScript - 5 years
- Front-end - 4 years
- TypeScript - 4 years
- HTML - 4 years
- GraphQL - 2 years
- React Apollo - 2 years
Availability
Part-time
Preferred Environment
MacOS, Visual Studio Code (VS Code), Slack, GitHub
The most amazing...
...thing I've done is work on multiple MVPs for startup founders, two of which got funding.
Work Experience
Senior Front-end Developer
2022 - PRESENT
Pixelcut
- Developed the front-facing web application, which serves both the application and allows the user to create/edit projects using a combination of cutting-edge web APIs and AI models.
- Create a performant editor using Konva and React Konva that allows users to add, move, and stack shapes and images, apply WebGL filters, and use AI models.
- Migrated the application from Create React App to Remix run to allow for SEO, which allowed the app to go to the top of search results. This was accompanied by CMS integration to allow non-technical people to make changes to content.
- Used technologies like WebAssembly and Web Workers through ONNX Runtime to run AI models on the web browser to allow for seamless experience. An example of this is the met Segment Anything Model (SAM).
- Developed internal software for the company to give the ability to label data for usage in our model training. The application was created using Next.js and Connect RPC.
- Created a monorepo setup for some of our internal tools to share utilities, components, and configs (eslint, tsconfig, tailwind config). The setup was created using Yarn Workspaces.
Technologies: TypeScript, Tailwind UI, Shadcn, WebGL, Konva, Canvas, Web Worker, React, Next.js, Remix, APIs, gRPC, WebSockets, Radix UI, Git, Create React App, Image Processing, Connect RPC, React Query, Server components
Senior Front-end Developer
2020 - 2022
Gemography
- Led a team of four engineers to create three front-end applications that resulted in increased conversion rates and significantly decreased the drop rate.
- Architected the projects and led the technical decisions of the front-end applications.
- Set up solid developer experience (DX) to allow faster deliverability and ease of onboarding using TypeScript, ESlint, Prettier, Visual Studio Code (VS Code), Husky, and Storybook.
- Reduced pull request merge time to less than two days with fewer change requests through individual coaching of junior developers, helping them improve their technical skills.
- Participated in iterating on the product and improving the user experience, which allowed more ownership of the product.
- Developed cross-project reusable components using a combination of Tailwind CSS and Headless UI that was migrated to Radix UI.
- Created well-maintained documentation using Storybook to allow the designer to give feedback on the developed UI and enable the developer to know the component API easily.
- Set up integration tests using React Testing Library and Visual regression tests with Storybook and Chromatic for fast iteration on the product while preventing any regression.
- Developed a CI pipeline using GitHub Actions that runs tests on PRs against certain branches.
- Integrated Sentry for error tracking and added as much context as possible to each issue while keeping in mind user privacy by obfuscating sensitive data.
Technologies: React, Next.js, TypeScript, GraphQL, React Apollo, Tailwind CSS, Storybook, Jest, React Testing Library, React Router, Create React App, Headless UI, Tailwind UI, React Query, GitHub Actions, Sentry, Mixpanel, Responsive Design, HTML, CSS, ESLint, Prettier, Husky, Git, JSX, Front-end, Figma, User Interface (UI)
Front-end Developer
2020 - 2021
Milvue
- Developed an application that serves as the front-facing app to a deep learning algorithm that detects pathologies in medical images. The application allowed the user to view and manipulate the images using Canvas API.
- Created a fully typed integration between the GraphQL API and the front-end application using GraphQL code generator.
- Wrote end-to-end tests for the sensitive parts that involved user inputs fed to the deep learning algorithms using Cypress.
- Implemented missing mutations and queries on the back end that used Apollo server, taking full ownership of features end-to-end, allowing faster product iteration.
- Improved the performance of the medical viewer enough to allow doctors to work with the app in low-performance computers used in hospitals.
- Wrote Python scripts to integrate and communicate directly with the hospital's picture archiving and communication system (PACS) servers. Needed to generate digital imaging and communication (DICOM) images with the findings from the DL algorithms.
- Created an authorization system to allow multiple user access with different authorizations and UI.
- Wrote stress tests for the back-end API using Python Locust to have an idea about the application's scalability.
- Set up internationalization English and French using React-Intl.
Technologies: React, TypeScript, Redux, Redux Thunk, React Apollo, GraphQL, Cypress, Express.js, Node.js, Storybook, Ant Design, Context API, Less, Styled-components, CSS, GraphQL Code Generator, Apollo Server, Performance, Python, Locust, Google Cloud Platform (GCP), DICOM, Internationalization, HTML, Git, JSX, Prettier, Husky, ESLint, Front-end, APIs, Software as a Service (SaaS), User Interface (UI), Figma
Front-end Developer
2019 - 2019
Centinar
- Developed an application that helped the company visualize its data valuable to them and its users. It displayed shipment prices, location, and destination of oil cargo ships.
- Added a map with all the cargo ship information. The map showed tens of thousands of ships, so performance enhancements like clustering the data had to be applied.
- Created scripts that ran in Puppeteer. Scraped public information to add as many details as possible about the cargo ships and gave users enough details to use the app.
- Designed and developed data tables using React (headless) table with information about all ports and cargo ships with advanced filters to allow users to get the data they need.
Technologies: React, Context API, SCSS, Bootstrap, App UI, Mapbox GL, Maps, Headless UI, Puppeteer, HTML, CSS, JavaScript, React Router, ESLint, Prettier, Husky, Git, JSX, Front-end, Software as a Service (SaaS), User Interface (UI), Mapbox
Web Developer | Freelance
2019 - 2019
Elmadeal
- Created the front-end application of the back office of an appointment management SAAS. I architected and made the technical decision on.
- Allowed for easy integration of components by showcasing how they work and how to use them using a combination of Storybook, JSDocs, and PropTypes.
- Worked on enriching the application with features like marketing, SMS, and storage management modules, which allowed the product owners to onboard more clients and increase their MRR.
- Participated in the build of the back-end REST API using Ruby on Rails. Added API versioning to allow easier integration of new features.
- Allowed best practices and conventions by using EsLint rules, Prettier for formatting, and Husky to run both on specific git hooks.
- Integrated FullCalendar for an easy way to manage bookings and availability for multiple employees.
- Allowed spas and salons to set information like an address using Mapbox, LeafletJS, and various other information that was later on intended to be showcased on the front office of the application.
- Developed the application to allow for role-based authorization to give owners, managers, and employees special access.
Technologies: React, Redux Toolkit, Storybook, Sentry, Bootstrap, Redux, Redux Thunk, Formik, Ruby on Rails (RoR), HTML, React Router, Create React App, CSS, JSX, Prettier, Husky, ESLint, SCSS, Front-end, Figma, APIs, REST APIs, Software as a Service (SaaS), User Interface (UI), FullCalendar, Mapbox, Leaflet, Role-based Access Control (RBAC)
Experience
Gemography Talent App
https://app.gemography.com/A front-end application that handled the complete application process of a closed hiring marketplace.
I worked as a senior front-end developer architecting the application from scratch and leading a team of four other developers to make sure the whole process was fully automated.
I worked as a senior front-end developer architecting the application from scratch and leading a team of four other developers to make sure the whole process was fully automated.
Centinar LLC
An application that helped the company visualize its data in a valuable way to them and its users. It displayed shipment prices, location, and destination of oil cargo ships.
I worked as a front-end developer going from the idea to the fully-fledged product participating in product iteration, and making the technical decisions.
I worked as a front-end developer going from the idea to the fully-fledged product participating in product iteration, and making the technical decisions.
Pixelcut Web
https://www.pixelcut.ai/A photo editing web application leveraging cutting-edge AI models to make product photos. I served as the lead front-end developer, driving the development of the app from the pre-release to now serving millions of users. I used different technologies from Canvas and WebGL to run AI models on the browser.
Certifications
AUGUST 2019 - PRESENT
Fullstack developer
Le wagon
JANUARY 2019 - PRESENT
Mobile Web Specialist
Udacity
Skills
Libraries/APIs
React, Context API, React Router, Formik, Konva, Node.js, REST APIs, React Query, React Testing Library, Mapbox GL, Puppeteer, Leaflet, WebGL, Web Worker, React Konva
Tools
Create React App, Git, JSX, React Apollo, Redux Thunk, GitHub, Sentry, Prettier, Redux Toolkit, Slack, Figma, FullCalendar, Shadcn, Canvas
Languages
JavaScript, HTML, TypeScript, GraphQL, SCSS, CSS, Less, Python
Frameworks
Ant Design, Tailwind CSS, Redux, Bootstrap, Material UI, Next.js, Jest, Express.js, Cypress, Locust, Ruby on Rails (RoR), Remix, gRPC
Paradigms
Role-based Access Control (RBAC)
Platforms
MacOS, Visual Studio Code (VS Code), Google Cloud Platform (GCP), Mixpanel, Mapbox, Firebase
Other
User Interface (UI), Responsive Design, Front-end, Zustand, Storybook, Performance, Mobile First, Headless UI, Radix UI, Tailwind UI, Styled-components, GraphQL Code Generator, Internationalization, Apollo, ESLint, APIs, Software as a Service (SaaS), Vite, PWA, GitHub Actions, DICOM, Apollo Server, App UI, Maps, MSW, Husky, WebSockets, Image Processing, Connect RPC, Server components, ONNX Runtime, Cloudflare, Content Delivery Networks (CDN)
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