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.
freelance web developer
Am Available
Building and improving websites
Freelance Web Developer Specializing in UX, Performance, and Design SystemsWebsite Performance Optimization
Enhance web application performance using tools like Lighthouse,WebPageTest, React Profiler, and Webpack Bundle Analyzer. Services include detailed audits, Core Web Vitals improvements, code optimization, and rendering strategy enhancements.
Accessibility Improvements
Craft inclusive digital experiences through expert audits and remediation, ensuring compliance with WCAG standards and compatibility with assistive technology.
Rendering Optimization
Assess and implement the best rendering strategy (Server Component, SSR, SSG, CSR, etc.) for your web application to maximize performance, SEO, and user experience.
Design System Implementation
Collaborate with your team to create or refine a scalable design system that aligns with your brand and streamlines your development workflow.
CSS Optimization
Refactor and optimize your CSS for maintainability, scalability, and performance using industry best practices and methodologies.
Refactoring Legacy Code
Modernize and optimize your legacy codebase with tailored strategies like the Strangler Fig, incremental refactoring, and big bang refactoring. I ensure the process aligns with your needs and timeline, prioritizing maintainability, performance, and scalability.
User Experience (UX) Enhancements
I bring a strong focus on user experience to every project. Whether collaborating with designers or applying my own UX knowledge, I ensure your website is intuitive, engaging, and a pleasure to use.
Code Reviews and Mentorship
Provide expert guidance to your team through comprehensive code reviews and mentorship, fostering better coding practices and team growth.
My Web Development Expertise
The Tools and Technologies I Use to Build Your Web PresenceReact
Since 2018, I’ve built dynamic React applications. My expertise helps businesses deliver exceptional, performant user experiences. Let’s work together!
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!
TypeScript
TypeScript is now essential to my workflow. After a learning curve, I can’t imagine coding without its robust type-checking.
HTML
Semantic HTML is the web’s foundation. I focus on writing accessible code for everyone, using tools like WAVE and aXe for validation.
CSS
My CSS journey has been rewarding. I love crafting beautiful UIs and continuously finding ways to enhance my styling abilities.
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.
Remix
Remix’s nested layouts and code organization won me over. Love how it streamlines data handling with actions and loaders.
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.
Join Me on My Web Development Journey
Sharing insights and knowledge gained from my experiences on web development.
Hamza Miloud Amar
master the CSS cascade: Learn about origin, context, inline styles, cascade layers, specificity, scope, proximity, and order of appearance.
Hamza Miloud Amar
Discover React Server Components, an upcoming feature in React that enables server-side rendering of components.
Hamza Miloud Amar
Find out more about Island Architecture, an innovative method of rendering with isolated, interactive components that will help you speed up and maintain web application performance.
Hamza Miloud Amar
Explore Streaming Server-Side Rendering (SSR), a cutting-edge technique that streams HTML content for faster initial page loads and improved user experiences.
Hamza Miloud Amar
Learn how Progressive Hydration, an innovative web development technique, gradually hydrates pages for faster load times and enhanced user experiences.
Hamza Miloud Amar
Understand how Incremental Site Generation (ISG) uses the best of both worlds: fast static sites and dynamic updates for maximal web performance.
Hamza Miloud Amar
Unlock the power of Server-Side Rendering (SSR) and Hydration for lightning-fast web pages, improved SEO, and seamless user interactions.
Hamza Miloud Amar
Unlock the power of Static Site Generation (SSG) with Hydration, a method that delivers blazing-fast websites with interactive features for optimal user experiences.
Innovative Web Projects
Explore my portfolio of diverse and impactful web projects.
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.
Huna Book
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.
Open Hand Morocco
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.
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.
Cinema
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.
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
Car Rental
Luxury and Economy Cars: Your Choice To Discover Affordable Car Rentals for Every Journey Tailored to Your Needs
UI Lego Design System Starter
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.
Gamer Play
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.
Food
A user-friendly and visually appealing mobile application for a food delivery service. The design process will be conducted entirely within Figma
DOMLAV
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.
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.
Let's ConnectConnect With Me On Social Media
I appreciate your visit to my website. If you find my work interesting and would like to know more about me, please consider following me on social media. Thank you!
© 2025 Hamza Miloud Amar. All Rights Reserved