Hamza Miloud Amar

Front End Developer

Senior frontend developer with nearly a decade of experience using React, TypeScript, Next.js, and Remix to build complex, scalable user interfaces. Combines expert-level CSS skills and a strong focus on web performance and accessibility. Excels at architecting robust design systems and transforming technical

Experience

Pillar-UI

2023/03 - Present

Reduced CSS bundle size by 20% through custom methodology, accelerating feature delivery by 40% via improved reusability.
Engineered 11KB design system (9x smaller than React alternatives) using CSS variables + utility-first architecture, eliminating CSS-in-JS dependency and the need for a global state.
Saved 10KB through atomic naming patterns, enhancing runtime performance and project bundle size.
Achieved 95% WCAG AA compliance, validated with Axe and Playwright, reducing accessibility issues by 80%. Ensured key features like color contrast, focus management, motion preferences, and high contrast mode compatibility.
Managed development using GitHub Projects, streamlining sprint planning and issue tracking, and ensuring 95%+ on-time delivery across sprints.

Open Hand Morocco

2024/11 - 2024/12

Designed UI markup and defined acceptance criteria in Figma, establishing a cohesive visual identity that reduced design-dev back-and-forth by 50% and accelerated development.
Built the interface with Pillar UI, delivering a clean, responsive, and intuitive experience with Fast Content Paint (FCP), ensuring a modern feel by default.
Achieved exceptional Core Web Vitals in local audits (LCP: 0.56s, CLS: 0.00), significantly enhancing perceived performance and user satisfaction.
Ensured WCAG compliance from day one by embedding accessibility into the design and development workflow, making the product usable by a broader audience and compliant with industry standards.
Adopted Next.js 15 with React Server Components, optimizing Time to Interactive and enabling faster, more seamless server-side rendering ideal for SEO-focused projects.

Pillar-Ui Dashboard

2024/07 - PRESENT

Developed framework-agnostic dashboard compatible with Next.js, Remix, and major routers, reducing integration time by 90%
Implemented a modular design system using Pillar UI, enabling effortless theming and design updates by modifying a single directory, thereby reducing design refresh time and simplifying maintenance for multiple clients.
Engineered a high-performance React dashboard, reducing initial load time by ~40% through strategic code splitting and lazy loading, enhancing user experience and responsiveness.
Maintained quality through atomic component testing (vitest, React Testing Library) and automated accessibility audits (Axe + Playwright).

Accounting Firm

2024/03 - 2024/09

Architected and built the core user interface for a medium-sized accounting firm application using React, Next.js (SSR/ISR/SSG), and TypeScript, delivering a fast, intuitive experience tailored to complex financial workflows.
Optimized data fetching with React Server Components and React Server Actions to eliminate waterfall requests and leverage intelligent cache strategies, cutting average page load times from 1.8 s to 1.2 s (a 33% improvement).
Implemented responsive, accessible financial dashboards with Recharts, providing real-time visibility into key KPIs (cash flow, balance sheets, P&L) and reducing user support requests related to reporting by 20%.
Collaborated daily with the backend team using REST APIs, Zod validation, and shared TypeScript interfaces to streamline integration, enforce data integrity, and achieve < 1% error rate in frontend-backend communication.
Introduced performance profiling via Lighthouse and Web Vitals, identified bottlenecks in large-dataset rendering, then applied code-splitting and lazy loading to reduce bundle size by 18%, improving Time To Interactive (TTI) by 25%.

Innovative Web Projects
Explore my portfolio of diverse and impactful web projects.

Pillar UI

Github Site

A monorepo containing a comprehensive set of reusable UI components, React hooks, and other tools for modern web development. Built with accessibility, scalability, and best practices in mind, this monorepo streamlines the development process and makes it easier than ever to build robust, high-quality web applications.

React

A11Y

Accessibility

Storybook

HTML

CSS

Open Hand Morocco

Site

Open Hand is a volunteering site that connects people with volunteer opportunities in the Morocco. We are a volunteer-led project that aims to connect people with volunteer opportunities in Morocco.

Nextjs

Pillar-ui

Express

MongoDB

Node.js

Pillar-Dashboard

Site

Fully Accessible Admin Dashboard Site Powered by (React, React-Router-Dom V16.4,Pillar-UI, SCSS That helps (Web developers, and companies) to make their UI sites up and running fast, you can find all the components you need From) Base UI, Composite UI Pages, Dashboard Pages, Icons, Charts, and Forms) and so, once you try it, I think you are going to like it.

React

React-router-dom-16.4

CSS

HTML

Pillar-ui

Huna Book

Figma

Hunabook is an online booking platform for beauty, wellness, and leisure professionals in Morocco. It allows clients to easily find and book services such as hairdressing, aesthetic treatments, tattoos, and more.

Figma

UI/UX

Dashboard

Site

Fully Accessible Admin Dashboard Site Powered by (React, React-Router-Dom V16.4, SCSS That helps (Web developers, and companies) to make their UI sites up and running fast, you can find all the components you need From) Base UI, Composite UI Pages, Dashboard Pages, Icons, Charts, and Forms) and so, once you try it, I think you are going to like it.

React

React-router-dom-16.4

CSS

HTML

Pillar-ui

Cinema

Site

a site for a production & general manager in Morocco, specializing in TV & film. 20+ years of experience, working across Morocco. Deep knowledge of local cultures, languages, & traditions. Collaborated with national & international productions. Built with Next.js 14, SCSS, & Pillar UI.

React

CSS

HTML

Firebase

Pillar-ui

Linkdin_Clone

Site

I recently created a LinkedIn clone using Create React App, React Router DOM 16.4, Storybook, and TypeScript. This project showcases my skills in building a professional social networking platform with modern web development tool

React

ReactRouterDom:16.4

CSS

HTML

Storybook

MSW

Playwright

Jest

Radix

Car Rental

Site

Luxury and Economy Cars: Your Choice To Discover Affordable Car Rentals for Every Journey Tailored to Your Needs

React

CSS

HTML

Pillar-ui

UI Lego Design System Starter

Github

UI Lego is a free, open-source UI starter kit built with React, SCSS, and Storybook. It's designed to streamline your development workflow with a collection of pre-built, customizable components that empower you to assemble user interfaces quickly and easily, much like building with Lego blocks.

SCSS

HTML

React

Storybook

Typescript

Gamer Play

Figma

Your Portal to Infinite Gaming Adventures: A Full-Stack JavaScript Gaming Platform. Built with React and Next.js for lightning-fast server-side rendering, this platform is powered by Storybook for seamless development and styled with SCSS for an immersive visual experience.

React

CSS

HTML

Firebase

mongoDB

Node

Express

Food

Figma

A user-friendly and visually appealing mobile application for a food delivery service. The design process will be conducted entirely within Figma

Figma

UI/UX

DOMLAV

Site

A Laundry Service App for Everything You Need, Based in Morocco. This full-stack JavaScript project is built with React and Next.js for server-side rendering, powered by Storybook, and styled with SCSS.

React

CSS

HTML

Firebase

mongoDB

Node

Express

Hamza Miloud Amar

Front End Developer

Experience

Pillar-UI

Open Hand Morocco

Pillar-Ui Dashboard

Accounting Firm

Innovative Web ProjectsExplore my portfolio of diverse and impactful web projects.

Innovative Web Projects
Explore my portfolio of diverse and impactful web projects.