Abdelmuttalib Ahmed Avatar

Abdelmuttalib Ahmed

Software Developer, building beautiful web experiences.

I’ve built and maintained complex platforms—from e-commerce and booking systems to 3D model rendering apps—taking projects from concept to deployment. With a strong eye for design, I translate UI/UX principles into responsive, accessible interfaces and implement modern best practices including CI/CD pipelines, testing (Jest, Cypress), and performance optimization.

Skills

Development:
  • HTML
  • CSS
  • Tailwind CSS
  • React
  • Vue
  • Next.js
  • Prisma
  • PostgreSQL
  • Supabase
  • tRPC
  • Git
  • GitHub
  • GitLab
  • Bitbucket
  • Firebase
  • Jest
  • Testing Library
  • Cypress
  • Node.js
  • Express.js
  • MongoDB
  • Redis
  • TypeScript
  • Nuxt.js
  • 3D
  • OpenGL
  • Three.js
  • Xeokit
  • 3D Rendering
Design Tools:
  • Figma
Design Expertise:
  • UI/UX Design
  • Design Systems
  • Responsive Design
Soft Skills:
  • Strong communication
  • Problem-solving
  • Attention to detail
  • Time management

Work experience

2023 - Present

Software Developer

Invix is a smart construction technology company that develops AI-powered software solutions for construction sites. Their products combine 3D modeling, digital twins, and artificial intelligence to enhance safety, productivity, and oversight in the construction industry.

  • Developed advanced 3D web applications using Three.js, Xeokit, Blackhole, and custom rendering engines for smart construction solutions.
  • Processed, optimized, and converted complex 3D models (e.g., IFC, PLY, GLB, OSGB) using 3D tools and software for high-performance browser-based 3D rendering.
  • Customized and extended core 3D rendering engines (e.g., Blackhole, Xeokit) to meet product requirements and support product-specific features like sectioning, layer filtering, and model annotations.
  • Integrated AI/ML model outputs (e.g. object detection, segmentation) into 3D visualizations for intelligent construction monitoring tools.
  • Designed and implemented 3D user interfaces and visual dashboards, enhancing spatial understanding of construction site metrics.
  • Built reusable components in React to handle real-time 3D interactions, model transformations, and BIM data visualization.
  • Applied WebGL performance optimizations, including LOD strategies, efficient material usage, and async loading of large models.
  • Implemented internationalization (i18n) support for web apps, enabling multilingual capabilities across the platform.
  • Contributed to CI/CD pipelines for faster deployment cycles and testing automation.

2021 - 2023

Software Developer

Medhyve is a digital procurement platform for hospitals and clinics, helping streamline the purchase of medical supplies and equipment. It offers an e-commerce experience tailored to the healthcare sector, improving procurement efficiency and transparency.

  • Led successful SEO optimization initiatives, resulting in a substantial organic traffic boost of nearly 10,000 new visitors from Google searches.
  • Led the frontend development of an e-commerce platform for medical procurement, from wireframes to production.
  • Delivered responsive and accessible web pages optimized for both mobile and desktop experiences.
  • Ensured user-centric UI designs through close collaboration with the design team and actively contributed to the company's growth by suggesting feature enhancements and process optimizations.
  • Performed cross-platform compatibility testing and browser debugging.
  • Maintained high coding standards, and seamlessly integrated features with backend developers for a robust and cohesive web application.
  • Led frontend testing efforts with Jest and Cypress, ensuring stable feature rollouts.
  • Emphasized accessibility and SEO-friendly page construction to further enhance site traffic.
  • Supported deployment and configuration of CI/CD pipelines for test preview and production releases.
  • Redesigned older pages for speed and user experience improvements across devices and browsers.

2020 - 2021

Front End React Developer

Happy Season is a an event planning platform designed to simplify organizing and managing various occasions. The platform offers user-friendly interfaces for both businesses and customers, streamlining the booking process across multiple services.

  • Led frontend development, collaborating with backend teams to deliver feature-rich web applications, emphasizing UI design enhancements and creating intuitive components.
  • Translated Figma designs into high-quality, pixel-perfect UI components using CSS.
  • Built dynamic, mobile-first pages with responsive design principles for cross-device and cross-browser compatibility.
  • Collaborated with backend developers (Node.js/Express.js) to integrate APIs and implement robust full-stack features.
  • Key contributor to website optimization, focusing on speed, responsiveness, SEO, and accessibility.
  • Focused on accessibility (a11y) and performance optimization across key user flows.
  • Conducted component/unit testing with Jest and performed end-to-end user scenario tests using Cypress.
  • Engaged in agile processes, attending meetings, and staying updated on industry trends for continual improvement.
  • Implemented automated CI/CD pipelines and participated in continuous delivery cycles for rapid feature testing and deployment.

Articles

  • Aug 14, 2023

    Adding Internationalization to Your Next.js App with next-translate

    Internationalization is crucial for reaching users across different languages and cultures. With next-translate, you can seamlessly integrate multiple languages into your app, allowing your content to resonate with users worldwide.

    Continue reading

  • Aug 2, 2023

    Embracing Brave Browser as a Software Developer

    In the fast-paced world of software development, having the right tools can make all the difference. For years, Chrome has been the go-to browser for developers, thanks to its powerful extensions and robust developer tools. However, a new contender has entered the arena – Brave browser.

    Continue reading