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.
Managed the recruitment, onboarding, and oversight of a team of three full-stack developers. Created a task management board inspired by Kanbanize, with architecture, MERN stack, Next.js, and documentation.
Developed a versatile and customizable solution that would enable our clients to manage their tasks and projects more effectively, using PostgreSQL, GraphQL, Prisma, D3.js, Fabric, and Charts.js.
Collaborated closely with the development team to devise and implement the software architecture for the application, through Next.js, NestJS, TypeScript, MUI, Tailwind, front-end architecture, Agile, and Jira.
Collaborated 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 with our DevOps team to utilize AWS products necessary for hosting the Node.js application and designing and executing the CI/CD pipelines.
Integrated graph charts, such as Gantt and burndown charts and scatter plots, to aid in the estimation of task, sprint, and team progress, using vis.js, Fabric, and Charts.js. This allowed users to make informed data-driven decisions and plans.
Used Vue.js, Nuxt, Angular, and TypeScript on the front end in a few other projects.
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.
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.
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.
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.
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).
Additionally, I reverse-engineered and modernized outdated components to create new, reusable ones.
Designed and developed a system for booking vacation time, allowing employers to give employees flexible vacation options.
Developed an administrative application with HR functions, task distribution, vacation management, and attendance tracking for a Saudi government agency.
Acted as the team lead and played a key role in sprint planning, backlog grooming, and daily standup meetings. Used the MEAN stack to implement the company's projects.
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.
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.
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.
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.
I developed a medical education platform that incorporated AI to evaluate medical students' responses and provide relevant quizzes. The platform aimed to replicate real-life patient interactions, providing students with a dynamic and immersive learning experience. Upon evaluation of their conversations, students received a score.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.
An Angular 6 and Cytoscape.js app to build, manipulate, and visualize graphs.
I created many D3.js, HTML5 Canvas, and SVG custom charts for various enterprise applications and the apps were made in React, so I integrated my work into new pages in their existing apps. Few charts consumed real-time data.
I designed and developed a dashboard for MTN Guinea telecommunication company to monitor calls that posed security threats. This involved implementing both the back-end and front-end components of the application. To query the extensive data database, which added one billion rows of data each day, 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.
As part of my work, I developed a set of real-time KPI dashboards for MTN Telecommunications that catered to different levels of management. These KPIs were extracted from large volumes of telecommunication data, including voice, SMS, internet consumption, and incoming and outgoing calls.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.
As a highly talented full-stack developer (and member of a fantastic team at Ebdaa), I was (and am now partly) working on a task board inspired by Kanbanize.com, leveraging cutting-edge technology and implementing practically all functionalities while paying special attention to data visualization. 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)
Early in my career, I worked on an eCommerce website called webjacket.com. As part of this project, I utilized HTML5 canvas and Konva, a JavaScript library for drawing complex shapes and graphics on the web, to allow users to customize jackets by selecting sizes, colors, patches, and embroidery. To achieve this, I also implemented a rich yet straightforward Forms Wizard to guide users through the customization process.For the website's back end, I utilized Node.js along with TypeScript and PostgreSQL for the database. For payments, I integrated purchases with authorize.net, a payment gateway that enables businesses to accept electronic payments online.
In my previous engagement with Spectrum Environmental Solutions as a member of the development team, I contributed to creating an enterprise application to promote air-monitoring instruments. The application offered customized versions of the web app tailored to customers' specific requirements, including their chosen methodology, purchased equipment, and other geographical and logistical factors.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.
Working on a Toptal engagement for Sei Healthcare, I created an MVP for an innovative medical education software to offer immersive patient case simulations. This powerful app provides medical professionals and students with virtual patient scenarios, including in-depth medical histories, interview questions, required tests, diagnoses, and medication prescriptions. The app also utilizes the OpenAI GPT3 API to give users feedback and scores evaluating their performance.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.
