Senior Front-End Developer with a decade of experience building enterprise-grade design systems and accessible web applications. Architecting large-scale projects with Next.js, optimizing performance, and ensuring WCAG compliance across diverse user needs. Proven leader in scaling front-end architecture and implementing inclusive design practices, resulting in a major reduction in production issues while maintaining AA/AAA accessibility standards.…

Hamza Milo u d Am ar

Senior Front-End Developer with a decade of experience building enterprise-grade design systems and accessible web applications. Architecting large-scale projects with Next.js, optimizing performance, and ensuring WCAG compliance across diverse user needs. Proven leader in scaling front-end architecture and implementing inclusive design practices, resulting in a major reduction in production issues while maintaining AA/AAA accessibility standards.…

Available to hire

Senior Front-End Developer with a decade of experience building enterprise-grade design systems and accessible web applications. Architecting large-scale projects with Next.js, optimizing performance, and ensuring WCAG compliance across diverse user needs.
Proven leader in scaling front-end architecture and implementing inclusive design practices, resulting in a major reduction in production issues while maintaining AA/AAA accessibility standards.

See more

Skills

Experience Level

CSS
Expert
HTML5
Expert
React JS
Expert
TypeScript
Expert
JavaScript
Expert
GitHub
Expert
Figma
Expert
Animation
Expert
Jira
Expert
Node.js
Expert
MongoDB
Expert
Express
Expert
Tailwind
Intermediate
React Native
Beginner
SEO
Beginner
See more

Language

Arabic
Fluent
English
Advanced
French
Advanced

Work Experience

Lead Frontend Developer (Part Time Freelancer) at Acra tive
February 1, 2025 - September 1, 2025
Designed comprehensive UI markup and defined acceptance criteria in Figma, reducing design-development back-and-forth by 30% and accelerating timelines. Upgraded code quality by transitioning from a legacy test pyramid to a modern testing trophy strategy, refactoring brittle tests and reducing production bugs by 85%. Collaborated closely with Product Owners and back-end developers on API integration, data fetching, and caching strategies within agile workflows. Optimized Core Web Vitals by implementing code splitting, lazy loading, and image optimization, decreasing LCP from 2.9s to 0.76s. Led migration from Next.js 10 to 15 integrating React Server Components and Server Actions to improve LCP and progressive enhancement. Built and architected a design system for multiple platforms using React.js, Angular, and TypeScript, increasing development efficiency by 20% and ensuring consistent design implementation.
Lead Frontend Developer (Part Time Freelancer) at Acra tive
February 1, 2025 - September 1, 2025
Designed comprehensive UI markup and set acceptance criteria in Figma, reducing design-developer revisions by 30% and accelerating delivery. Improved code quality by replacing legacy test pyramids with modern testing trophy strategies, refactoring flaky tests and reducing production bugs by 85%. Collaborated with Product Owners and backend teams for API integrations, data fetching, and caching within agile workflows. Enhanced application performance using code splitting, lazy loading, image optimization, resource hints, and rendering patterns, improving Core Web Vitals metrics. Led migration from Next.js 10 to 15 integrating Server Components and Server Actions to boost performance metrics. Built and architected a scalable design system across React.js, Angular, and TypeScript for multiple platforms, raising development efficiency by 20% and ensuring design consistency.
Lead Frontend Developer (Part Time) at Acrative
December 1, 2023 - February 28, 2025
Created comprehensive UI mockups in Figma covering all states and edge cases (focus, RTL, loading, errors, empty data, animations, navigation), reducing design-to-development revision cycles by 30% and speeding delivery timelines. Improved code quality by replacing the legacy test pyramid with a modern testing trophy strategy, refactoring brittle/flaky tests into stable suites, leading to an 85% reduction in production bugs and improved release stability. Led cross-functional collaboration with product owners and back-end teams to architect API integrations, data-fetching patterns, and advanced caching layers, reducing LCP by 11 seconds across key user flows and improving page load performance by 70%. Optimized application performance with code splitting, lazy loading, image optimization, resource hints, and rendering patterns, improving Core Web Vitals and user experience. Led migration from Next.js 10 to Next.js 15, integrating React Server Components and Server Actions to improve I
Creator and maintainer of open source UI library | Pillar UI at Pillar UI
March 1, 2023 - Present
Built a lightweight (~11 KB) zero-runtime-dependency design system using pure CSS, eliminating library duplication and reducing inter-team conflicts. Designed and operated a TurboRepo monorepo powering the Pillar UI design system ecosystem (icons, utilities, hooks) with standardized builds and workflows. Implemented Rollup pipelines producing ES modules and CommonJS bundles for both browser and server environments, plus a single CSS artifact, with automated visual regression checks. Delivered out-of-the-box support for SSR and React Server Components (RSC), enabling effortless adoption in frameworks like Next.js and Remix. Reduced CSS bundle size by ~35% (~25 KB) using class shortening, fluid layouts, relative units, and CSS Custom Properties. Implemented scalable theming via CSS Custom Properties (avoiding CSS-in-JS lock-in). Achieved ~95% WCAG AA compliance by integrating automated accessibility testing (Axe, Storybook, Playwright). Added dark mode, RTL, focus management, reduced-mot
Creator and maintainer of open source UI library (Pillar UI) at Pillar UI
March 1, 2023 - Present
Built a lightweight CSS-based design system (~11 KB) with zero runtime dependencies, eliminating duplication and cross-team conflicts. Designed and operated a TurboRepo monorepo powering the Pillar UI design system ecosystem including reusable icons, utilities, and hooks, standardizing builds and workflows to accelerate development. Implemented Rollup pipelines producing tree-shakeable ESM and CommonJS bundles for browser and server environments, plus a single CSS artifact, with automated visual regression checks for stability. Delivered out-of-the-box support for SSR and React Server Components (RSC) to enable easy adoption in frameworks such as Next.js and Remix. Reduced CSS bundle size by ~35% (~25 KB) via custom optimization (shorter class names, fluid layouts, relative units, CSS custom properties). Implemented scalable theming using CSS custom properties, avoiding CSS-in-JS lock-in and enabling flexible runtime theme customization. Achieved ~95% WCAG AA compliance through automa
UI Library Creator at Pillar UI
March 1, 2023 - Present
Built a high-performance 11KB design system focusing on minimal bundle size and improved application speed. Reduced CSS bundle size by 35% using custom optimization techniques, atomic naming, fluid layout, and relative values for better reusability, significantly enhancing runtime performance. Developed a scalable theming strategy with CSS variables, leading to a smaller bundle and easy customization. Achieved 95% WCAG AA accessibility compliance with automated testing tools including Axe, Storybook, and Playwright. Enhanced user experience with dark mode and RTL support and ensured compatibility with color contrast, focus management, motion preferences, text resizing, and high contrast modes. Managed development with GitHub Projects to maintain over 95% on-time delivery.
UI library Creator at Pillar UI
March 1, 2023 - Present
Created a high-performance 11KB design system emphasizing minimal bundle size which improved application speed. Reduced CSS bundle by 35% through custom optimization, atomic naming, fluid layouts, and relative values enhancing runtime performance. Implemented scalable theming with CSS variables instead of CSS-in-JS, resulting in more flexible and smaller bundles. Ensured 95% WCAG AA accessibility compliance with automated testing tools including Axe, Storybook, and Playwright, lowering accessibility issues. Delivered seamless dark mode, RTL support, and compatibility across user preferences, accelerating adoption. Managed project development on GitHub Projects, optimizing sprint planning and achieving over 95% on-time sprint delivery.
Senior Frontend Developer (Freelancing and Consulting)
June 1, 2019 - Present
Architected a scalable React + TypeScript frontend using Atomic Design to remove legacy jQuery code and boost maintainability in internal applications. Built a custom React dashboard solution using React and TypeScript, featuring five pre-built design systems and extensive support for React meta-frameworks to streamline development workflows. Refactored and optimized CSS architecture using ITCSS and BEM, applying modern layout practices, fluid layouts, and CSS variables for theming to resolve cascade issues and enable easier maintenance and feature development. Mentored junior and mid-level engineers transitioning from Angular and jQuery to React + TypeScript through hands-on workshops and 1:1 coaching covering React fundamentals, thinking in React, rendering strategies, and data-fetching patterns.
Frontend Developer (Freelance)
June 1, 2019 - Present
Refactored and optimized CSS codebase using ITCSS and BEM architectures, alongside modern layout techniques and theming with CSS variables, which greatly improved maintainability and code quality. Architected scalable React + TypeScript frontends using Atomic Design to replace legacy jQuery applications for internal apps, enhancing maintainability. Mentored junior and mid-level engineers transitioning from Angular and jQuery to React + TypeScript through workshops and 1:1 coaching focusing on React fundamentals, rendering, and data fetching. Developed custom React dashboards with Next.js supporting multiple design systems and React meta-frameworks to streamline workflows and keep apps modern and up-to-date.
Full-Stack Developer (Freelance)
November 1, 2018 - September 1, 2025
Built full-stack applications for local businesses spanning e-commerce, car wash, gaming, and booking platforms, boosting user engagement and operational efficiency. Developed management systems including an accounting firm platform and learning group application for Marrakech. Collaborated cross-functionally to design and illustrate game characters for mobile games published on Google Play Store.
Frontend Developer (Freelance)
June 1, 2015 - Present
Refactored and optimized CSS codebases using ITCSS and BEM architecture alongside modern layout practices, fluid layouts, and CSS variables for theming, enhancing code quality and maintainability. Architected scalable React + TypeScript frontends using Atomic Design to replace legacy jQuery apps, improving maintainability for internal applications. Mentored junior and mid-level engineers in transitioning from Angular and jQuery to React + TypeScript through workshops and personal coaching. Developed custom React dashboards with React, TypeScript, and Next.js featuring multiple design systems and support for React meta-frameworks to streamline development workflows. Built full-stack applications for various local businesses including ecommerce, car wash, gaming, and booking platforms, improving engagement and operations. Created comprehensive applications such as Accounting Firm management and Excel Learning Group platforms in Marrakech. Collaborated on mobile game character design publ
Freelance Full Stack Developer
May 1, 2015 - August 31, 2018
Built full-stack applications for local businesses including e-commerce, car wash, gaming, and booking platforms using jQuery, CSS, Node.js, and React.js, improving customer engagement and streamlining business operations. Developed and designed comprehensive platforms such as an Accounting Firm Management system and the Excel Learning Group platform, leveraging PHP, Laravel, Symfony, and jQuery. Collaborated with cross-functional teams to design and illustrate game characters for mobile games published on the Google Play Store.

Education

Computer development technique at ESTA MARRAKECH
September 1, 2013 - June 30, 2015
Diploma in IT Development Techniques at ISTA NTIC SYBA, Marrakech
September 1, 2013 - June 1, 2015
Diploma in IT Development Techniques at ISTA NTIC SYBA, Marrakech
September 1, 2013 - June 1, 2015
Diploma in IT Development Techniques at ISTANTIC SYBA
September 1, 2013 - June 30, 2015
IT Development Techniques Diploma at ISTANTIC SYBA
September 2, 2013 - June 1, 2015

Qualifications

Add your qualifications or awards here.

Industry Experience

Software & Internet, Professional Services, Computers & Electronics, Education, Gaming, Media & Entertainment, Retail
    Huna Book
    About My Services As a designer and web developer, I specialize in building stunning, high-performing websites that are accessible to everyone and incredibly easy to use. My passion is to create digital experiences that not only look great but also work flawlessly for all users, regardless of their abilities or devices. I focus on performance, ensuring your site loads quickly and runs smoothly. A fast website provides a better user experience and helps improve your search engine rankings. By optimizing every aspect of the site, from images to code, I deliver a seamless and speedy experience for your visitors. Accessibility is a core part of my process. I design and develop websites that are compliant with modern accessibility standards, making them usable for people with visual, auditory, or motor impairments. This commitment not only broadens your audience but also shows a dedication to inclusive design. I believe that a great website should be intuitive and easy to use. My user-centered approach to design ensures that your site's navigation is logical and every interaction feels natural. I focus on creating clean interfaces that guide users effortlessly to the information they need, turning visitors into clients. I'm ready to help you build a website that stands out, performs exceptionally, and serves everyone. Let's work together to create a digital presence that is both beautiful and functional. graphicdesigner branding illustrator webdesigner designer webdeveloper accessibility userexperience logo graphicdesigner illustrator webdesigner…
    Openhand Morocco

    I offer expert frontend development and design services to build a platform that is not only visually appealing but also a leader in performance and usability. I understand that the key to a successful project is a digital presence that is fast, easy to use, and SEO-friendly, and that’s exactly what I deliver.

    My expertise is rooted in the latest technologies and best practices, with a specific focus on Next.js 15. I leverage Next.js 15’s Server Components to build a foundation that is highly optimized for performance and search engines. Server Components allow me to render your core content directly on the server, which means the initial page load is incredibly fast. This is a game-changer for SEO because search engine crawlers receive fully-formed HTML, making your site more easily indexed and ranked.

    I also follow user experience (UX) best practices to ensure the platform is intuitive and easy for volunteers to navigate. Every design choice is made with the user in mind, from the layout and navigation to micro-interactions, guaranteeing a smooth and engaging journey. This commitment to usability translates to higher engagement and a better experience for your community.

    By combining my design skills with a deep understanding of cutting-edge technologies like Next.js 15 and its Server Components, I will help you create a digital platform that is powerful, efficient, and ready to make a real impact.

    Openhand Morocco

    This project is the official website for Open Hands Morocco, a charitable association based in Marrakech. The site is built using a robust full-stack JavaScript architecture:

    Frontend: Next.js 13 (or 14/latest if applicable) for server-side rendering and improved performance, styled with CSS and leveraging the Pillar UI component library for a consistent user experience.
    Backend: Node.js and Express.js handle API requests and server-side logic.
    Database: MongoDB with Mongoose for data modeling and persistence.
    Language: TypeScript for enhanced code maintainability and scalability.