Hamza Amar

Hamza Amar

Experienced Frontend Developer | Passionate about building elegant, accessible, and UX-friendly Design Systems with React | Skilled in React Next Remix | CSS enthusiast | Lover of Clean & Maintainable CSS | Always learning and growing.

I am a freelance web developer

Am Available

scroll Down

Insightful Service Overview

Explore the diverse range of web services that I offer.

High Performance

I focus on building high-performance websites using cutting-edge technologies. My goal is to deliver a seamless user experience through optimized speed and responsiveness.

Accessible

I prioritize accessibility in my web development. My aim is to create websites that are inclusive and usable by everyone, regardless of abilities.

UI/UX

I design intuitive and visually appealing user interfaces with a focus on usability. I’ll craft an experience that delights users and sets your product apart.

Design System

I help companies build design systems that promote consistency and efficiency. Let’s create a cohesive design language and guidelines to streamline your process.

Proficient Web Skills

Unveil my extensive skill set in web development and design.

  • 90%

    React

    Since 2018, I’ve built dynamic React applications. My expertise helps businesses deliver exceptional, performant user experiences. Let’s work together!

  • 90%

    NextJs

    I transitioned from CRA to Next.js for performance and SEO gains. Love its ease of use and power. Remix is the next exciting step!

  • 90%

    TypeScript

    TypeScript is now essential to my workflow. After a learning curve, I can’t imagine coding without its robust type-checking.

  • 90%

    HTML

    Semantic HTML is the web’s foundation. I focus on writing accessible code for everyone, using tools like WAVE and aXe for validation.

  • 90%

    CSS

    My CSS journey has been rewarding. I love crafting beautiful UIs and continuously finding ways to enhance my styling abilities.

  • 80%

    Gatsby

    Gatsby was a great SSG choice, but Next.js's expanded flexibility for SSR and ISR ultimately made it a better fit for my projects.

  • 80%

    Remix

    Remix’s nested layouts and code organization won me over. Love how it streamlines data handling with actions and loaders.

  • 60%

    Node js

    I used Node.js and Express for back-end work after PHP. It was enjoyable, but my passion lies in crafting excellent front-end experiences.

Engaging Web Articles

Dive into my insightful articles on web development and design.

Hello world
my Avatar

Hamza Miloud Amar

Best Practices for Clean and Maintainable CSS Code

When writing CSS code, it's important to prioritize readability and maintainability. Clean and maintainable CSS code helps ensure that your styles are easy to understand, modify, and scale over time.

Go to Best Practices for Clean and Maintainable CSS CodeRead More
Hello world
my Avatar

Hamza Miloud Amar

How to make a border gradient

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.

Go to How to make a border gradientRead More

Innovative Web Projects

Explore my portfolio of diverse and impactful web projects.

UI Lego Design System Starter

Pillar UI

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
dashboard Project

Dashboard

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
UI Lego Design System Starter

UI Lego Design System Starter

Service App For Washing Every Thing you want based at morocco its a full stack javascript project maked with React and next js for server side rendering and powered by storybook and styled with native css and css modules

React
Next
CSS
HTML
Firebase
mongoDB
Node
Express
cinema project

Linkdin_Clone

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
Playwrite
Jest
Radix
Gamers Player Tournois Website

Gamer Play

Service App For Washing Every Thing you want based at morocco its a full stack javascript project maked with React and next js for server side rendering and powered by storybook and styled with native css and css modules

React
Next
CSS
HTML
Firebase
mongoDB
Node
Express
cinema project

Cinema

Location Fixer is a service for

React
Next
CSS
HTML
Firebase
mongoDB
Node
Express
domlav a washing service

DOMLAV

Service App For Washing Every Thing you want based at morocco its a full stack javascript project maked with React and next js for server side rendering and powered by storybook and styled with scss

React
Next
CSS
HTML
Firebase
mongoDB
Node
Express