Aladdin Mhemed
Verified Expert in Engineering
Full-stack Web Developer
Erbil, Kurdistan Region, Iraq
Toptal member since September 19, 2019
Aladdin is a team leader, full-stack, and front-end developer with 12+ years of experience. He is adept at collaborating in all phases of the software development lifecycle. His main stack includes JavaScript, Node.js, React, Next.js, MERN Stack, TypeScript, and Angular. Aladdin is well-versed in responsive layouts and pixel-perfect retaining browser compatibility.
Portfolio
Experience
- JavaScript - 12 years
- Full-stack Development - 10 years
- Full-stack - 10 years
- Node.js - 7 years
- React - 7 years
- TypeScript - 6 years
- Next.js - 2 years
- GraphQL - 1 year
Availability
Preferred Environment
Next.js, Node.js, React, Data Visualization, MERN Stack, Angular, TypeScript, JavaScript, MEAN Stack, Cloud
The most amazing...
...thing I've created is a Power BI plugin library that uses real-time data from WebSocket derived from big data from daily telecommunications usage.
Work Experience
Full-stack Developer
Ruthless Co.
- Spearheaded the modernization of an application within the healthcare sector, particularly revamping the onboarding wizard. My technical responsibilities spanned end to end: PostgreSQL, Prisma, NestJS, RxJS, React, Tailwind CSS, and Next.js.
- Conducted comprehensive refactoring on legacy code primarily written in Rx.JS, NestJS, and Prisma. This streamlined the app's operations, enhanced performance, and ensured alignment with best practices.
- Transitioned the application from a single page application (SPA) model to a more dynamic server-side rendered model using Next.js.
- Fortified the REST API on the front and back ends. Identified and remediated potential vulnerabilities such as SQL injection and cross-site scripting (XSS) and incorporated rate limiting.
- Implemented web scraping mechanisms using tools like Puppeteer to extract blog and video content from legacy company websites. This content was then ingested and displayed dynamically on the new website's blog section.
- Optimized the website's SEO through server-side rendering (SSR) and by integrating rich meta tags and structured data to enhance the site's visibility on search engines.
- Added seamless integration of the checkout page with the Stripe API. Utilized Stripe's PaymentIntent API for secure, PCI-compliant payment processing, ensuring a smooth transaction experience for users.
- Implemented an advanced caching mechanism within the NestJS framework, leveraging Redis as a high-performance in-memory data structure store.
- Enhanced the website's accessibility by rewriting pages to use semantic HTML and integrated ARIA roles and attributes. I conducted routine accessibility audits using tools like Lighthouse to monitor and maintain WCAG compliance.
- Extended Cypress tests to cover all new features and modifications I introduced. I also added unit and integration tests using tools like Jest and Supertest.
Full-stack Developer
SEI Healthcare Ltd
- Created an MVP for a cutting-edge medical education software that provides immersive patient case simulations, using Node.js, Next.js, React, TypeScript, and AWS.
- Worked on an app that enables medical students and professionals to see virtual patients, analyze medical history, do interviews, order tests, make diagnoses, and prescribe medications. It then evaluates their performance using OpenAI GPT3 API.
- Designed and developed a solid software architecture from end-to-end, including the database, back end, front end, and deployment.
- Picked the best tech stack to provide optimal performance, scalability, and user experience.
- Delivered the MVP within an impressively short timeframe while maintaining exceptional communication with the client throughout the project lifecycle.
- Ensured that the final product met and even exceeded expectations, resulting in a highly satisfied client.
React Developer
Spectrum Environmental Solutions
- Contributed to the upgrading and maintenance of an enterprise application aimed at promoting air monitoring instruments, as a member of the development team.
- Absorbed the project's technical stack and code structure quickly, through communication with my team members and the project manager. This allowed me to proactively fix bugs and other technical issues from my first day.
- Performed troubleshooting on the CI/CD pipeline and successfully resolved several build config issues. My efforts assisted the pipeline in operating efficiently and reliably, allowing the team to deliver code changes more quickly and confidently.
Lead Full-stack Developer
Ebdaa
- Managed the recruitment, onboarding, and oversight of a team of three full-stack developers. Created a task management board inspired by Kanbanize. Used the MERN stack, Next.js, Amazon Cognito, Amazon S3, and Lambda functions.
- Developed versatile and customizable solutions enabling our clients to manage their tasks and projects more effectively, using PostgreSQL, GraphQL, Prisma, D3.js, Fabric, and Chart.js.
- Collaborated closely with the development team to devise and implement the software architecture for the application through Next.js, NestJS, Rx.js, Prisma TypeScript, MUI, Tailwind CSS, front-end architecture, Agile, and Jira.
- Worked with the design team to continually update wireframes and prototypes based on feedback from both management and potential clients, using Figma, Pixel Perfect, and responsive layout.
- Worked closely with our DevOps team to utilize AWS services like EC2 for application hosting, Elastic Beanstalk for environment management, and AWS CodePipeline and AWS CodeBuild for designing and executing CI/CD pipelines.
- Integrated graph charts, such as Gantt and burndown charts and scatter plots, to aid in estimating tasks, sprint, and team progress, using vis.js, Fabric, and Chart.js. This allowed users to make informed data-driven decisions and plans.
- Created the web pages for the app with Wix. I used Velo to write custom code that handles authentication and to manage user accounts and plans.
React Developer
Gnosis Enterprises Holdings
- Worked on a medical education platform that used artificial intelligence to evaluate medical students' answers and then delivered related quizzes. The artificial intelligence bot imitated patients, analyzed medical student talks, and assigned grades.
- Used React and its ecosystem to build quiz wizards, chatbots, and student evaluation tools.
- Collaborated closely with the design team and transformed their wireframes into fully responsive React pages.
React Developer
BCG Gamma
- Created data visualizations using SVG charts with pure HTML SVG, HTML Canvas, React, MUI, Typescript, and D3.js.
- Integrated data visualization charts into the company's existing React apps.
- Converted wireframes into fully responsive React pages.
Senior React Developer
Wing Tel
- Acted as a team leader, delegating, overseeing, reviewing, and prioritizing tasks. The tech stack included React, Redux, Next.js, Strapi, Tailwind CSS, and Front-end architecture.
- Collaborated with engineering, product, and UX teams to implement front-end solutions.
- Created, developed, and oversaw automated tests for user interface elements.
- Identified the UI platform's quality, usability, performance, security, and testability requirements.
- Implemented integrations with external REST APIs from companies such as Katapult, Zapier, Affirm, AT&T, Tracfone, and Stripe.
- Wrote and maintained documentation for program development, logic, coding, testing, and bug fixing. Supervised junior developers.
- Built a Shopify-powered shop for the company and has demonstrated proficiency in Shopify development and integration with Shopify Payment Apps API and Storefront API.
Senior Full-Stack Engineer
LigaData
- Created middle-tier projects for data visualizations and front end utilizing Flare SaaS for continuous decisions and complex event streaming.
- Led a team in implementing full-stack projects to monitor the big data of telecommunications companies using the MERN stack.
- Mastered real-time data analytics, data visualization, socket handling, front end, big data management, graph management and monitoring, threat and alert detection, high-volume real-time data handling, and Power BI.
- Created a Power BI plugin library that used real-time data from WebSockets derived from big data from everyday telecommunications usage. Used React virtual DOM and other React optimization capabilities to overcome resource limits for Power BI plugins.
Senior Front-end Developer
Barclays Bank
- Designed and implemented complex data visualizations from the ground up using MEAN stack, SVG, and HTML5 Canvas.
- Translated designs and wireframes into a high-quality responsive Angular app.
- Mastered the creation of advanced data visualizations using web socket communication in real-time threat detection and other data-driven decision applications.
Senior Front-end Developer
Orda Technologies
- Developed a data visualization and social media monitoring tool to assist journalists in staying informed about public trends and industry news.
- Utilized APIs from major social media platforms, including Twitter, Facebook, Instagram, and Pinterest, to track relevant hashtags, mentions, and keywords.
- Implemented data visualization techniques, such as creating charts and graphs, to effectively display the social monitoring data within an Angular web application.
Senior Full-stack Web Developer
Interchange Works (Canada)
- Developed an enterprise dentist management system (EDMS). EDMS is an enterprise dentist app that covers management to doctors, patients, nurses, lab workers, labs, radiology, billing, insurance, and a few other dentist things.
- Designed and implemented a robust and fault-tolerant architecture from front end (Angular) to the back end (Node.js), including the integration of a database (MySQL and PostgreSQL).
- Reverse-engineered and modernized outdated components to create new, reusable ones.
Experience
An AI-enabled Medical Education Platform
To build the platform, I leveraged my expertise in React and its ecosystem to create quiz wizards, chatbots, and data visualization artifacts. Working closely with the design team, I transformed their Figma wireframes into fully responsive and pixel-perfect React pages, and the main CSS framework was MUI.
To facilitate real-time communication between students and the platform, I utilized Socket.IO. For data visualization, I incorporated Charts.js and SVG. We employed Jira for project management to maintain an Agile workflow and held daily scrum meetings. Lastly, I established a CI/CD pipeline using GitHub and CircleCI.
Graph Builder MVP For the Simple A Team
https://simplea.comMy responsibilities:
• Developed a Node.js/Express back end to support RESTful API integration, consuming external HRMS, CRM, and ERP systems data.
• Implemented real-time data normalization.
• Utilized Neo4j graph database and Cypher for generic data modeling.
• Deployed the MVP using AWS Elastic Beanstalk for efficient scaling and management.
• Implemented a responsive interface using Angular 4, integrating D3.js for data-driven graphical representations and Fabric.js for enhanced canvas manipulation, enhanced with RxJS for reactive programming patterns.
Data Visualization in Several Projects
MVP for Security Threat Calls
https://www.mtn.com/I utilized PrestoDB queries in the back end to write SQL queries. In addition to this, I created a REST API in the back end, which was consumed by the front-end.
For the front end, I used Angular 8 and implemented pixel-perfect, responsive pages from Figma wireframes. I continued to refine the design and functionality of the application through multiple development cycles until it was ready for deployment. Finally, I delivered the completed application to MTN Guinea telecommunications company.
Real-time KPI Dashboards for MTN Telecommunications
To achieve this, I leveraged three primary tools:
• Flare from Ligadata – I used this tool to automate data cleaning, normalization, and logging. It helped to ensure that the data was accurate and ready for analysis.
• Kamanga from Ligadata – This tool provided APIs that I used to apply machine learning and AI to detect anomalies, threats, alerts, and failures in real-time, allowing management to take quick action.
• Apache Kafka – To wrap all the code that queried APIs from Flare and Kamanga. This helped to streamline the data flow and update KPIs in real time.
I also created a user-friendly, secure, and authenticated front end. I used Socket.io, Angular, and Power BI to create fully responsive and visually rich data visualizations. These dashboards provided an intuitive and interactive interface for management to view key metrics, make data-driven decisions, and monitor real-time performance.
Kanban Board
The project includes all the charts and graphics necessary to provide users with a clear and comprehensive visualization of their data. Data visualization includes bar charts, pie charts, line charts, area charts, scatterplots, and heat maps, as well as Kanban boards with swimlane diagrams and Gantt charts. Also, icons, progress bars, and badges provide additional context and information about tasks.
AWS-selected products allow the application to scale effortlessly, and Amazon RDS, MongoDB Atlas, and Redis Cache offer smooth data storage and retrieval.
We decided to use both REST APIs and GraphQL allowing for more flexibility. Also, TDD, and CI/CD are used to ensure each feature is tested and functioning correctly before deployment. Moreover, I utilized D3.js, HTML5 Canvas, SVG, Chart.js, and Fabric.js to create all the necessary visualizations.
(Please refer to my experience at Ebdaa company)
Customizable Data-driven Web Application for Air-monitoring Instrument Promotion
https://www.spectrumenvsoln.com/The web apps were designed to be data-driven. They collect complex data from the monitoring instruments and present them in real time in an intuitive and visually appealing front-end interface, complete with state-of-the-art data visualization tools.
Cutting-edge Medical Education Software for Immersive Patient Case Simulations
https://simulations.medscape.com/I designed and developed a solid software architecture, from database setup to back-end and front-end development and deployment. I carefully selected the best technology stack to ensure optimal performance, scalability, and user experience. Despite the tight timeline, I delivered the MVP on schedule while maintaining excellent communication throughout the project lifecycle with the client.
The final product exceeded the client's expectations, resulting in a delighted customer.
WebJacket
http://www.webjacket.comEducation
Master's Degree in Software Development
Mersin University - Mersin, Turkey
Bachelor's Degree in Software Engineering
Mersin University - Mersin, Turkey
Skills
Libraries/APIs
React, Vue, Node.js, Highcharts, REST APIs, jQuery, Puppeteer, Socket.IO, D3.js, RxJS, Shopify API, Google Maps API, Redux Form, Vis.js, HTML5 Canvas, Konva, AWS Amplify, Amazon EC2 API, Chart.js, Fabric, Passport.js, Stripe, Sockets, AmplifyJS, Stripe API, Authorize.net
Tools
GitHub, Front-end Build Tools, Bower Front-end Dependency Manager, Git, Jira, Zapier, Microsoft Power BI, CSS Lint, CircleCI, AWS CLI, Figma, Grunt, Gulp, Amazon Cognito, AWS AppSync, Prisma, MongoDB Atlas, Mongoose, Stripe Checkout, Kafka Streams, Wix
Languages
CSS3, HTML5, HTML, CSS, JavaScript, TypeScript, ECMAScript (ES6), SQL, PHP, PHP 5, GraphQL, SCSS, Sass, Cypher
Frameworks
AngularJS, Express.js, Angular, Redux, Tailwind CSS, Nuxt.js, Cypress, Next.js, Bootstrap, Zend Framework, Presto, Vuetify, Loopback, Sphinx Documentation Generator, Jest, Material UI, MUI CSS, Realtime, NestJS
Paradigms
MEAN Stack, REST, Testing, Test-driven Development (TDD), Unit Testing, Agile, Microservices, Socket Programming, Scrum, UI Design, Responsive Layout
Platforms
Pantheon, Shopify, Vercel, WordPress, Joomla, Drupal, Amazon Web Services (AWS), Opsgenie, AWS Lambda, AWS Elastic Beanstalk, Amazon EC2, Apache Kafka, Contentful
Storage
Databases, PostgreSQL, MySQL, MariaDB, MongoDB, Amazon DynamoDB, Amazon S3 (AWS S3), NoSQL, Redis, Redis Cache, Neo4j
Industry Expertise
Web Design
Other
Strapi, Front-end, Front-end Development, Content Management Systems (CMS), User Interface (UI), APIs, MERN Stack, Full-stack, Full-stack Development, Code Review, WebSockets, Back-end, Web App Development, Axios, Dashboards, JavaScript Libraries, Back-end Development, Front-end Architecture, Pixel Perfect, Data Virtualization, Headless CMS, Data Visualization, Leadership, API Integration, Architecture, Documentation, Web Scraping, Team Leadership, SVG, Charts, Enzyme, Lint, Web Development, Software Engineering, Jira Administration, Data Structures, SaaS, Semantic UI, Google Material Design, AmCharts, Big Data, Web UX, Web UI, Serverless, CI/CD Pipelines, Cloud, OpenAI GPT-3 API, Amazon RDS, Software QA, ECharts, Lambda Functions, GRAPH, Data, Organizational Design, Threat Analytics, Database Normalization
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring