Hamza miloud amar

Hamza Miloud Amar

Front End Developer

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.

Experience

Study At Computer at SIDI YOUSSEF ESTA MARRAKECH

2013 / 2015

The fundamental topic we studied was algorithms, and as we progressed to the frontend, we learned about JavaScript, HTML, and CSS. In the backend, we studied C#, ADO.NET, SQL Server, and C++. Additionally, we also learned about UML, which is a standardized graphical notation used in software engineering to visually represent the design and architecture of software systems

Learn about PHP and Laravel as backend Developer

2016 / 2018

I worked as a backend developer using PHP, Laravel, and MySQL to create websites for tourism companies and e-commerce businesses, as well as for some of my friends. My primary focus was to continuously seek out new learning opportunities to grow both personally and professionally.

Deep dive into Javascript

2018 / 2019

My journey as a web developer began when I decided to transition from PHP to Node.js, with the goal of becoming a full-stack JavaScript developer. I recognized the importance of focusing my time and efforts on a single language and ecosystem, and decided to start with JavaScript as the foundation of my skillset. From there, I delved into Node.js, which allowed me to build scalable and efficient backend systems using JavaScript. Finally, I discovered my passion for React, which allowed me to build dynamic and interactive front-end applications using the same language and principles. Throughout this journey, I have constantly challenged myself to learn and grow, and am always looking for new opportunities to expand my knowledge and skills as a developer.

Frontend Developer

2019 / now

After working as a full-stack JavaScript developer, I realized that my CSS skills were not up to par and decided to focus all my time on improving them. I temporarily stopped freelancing to solidify my knowledge of CSS, Git, and accessibility. To my surprise, I found that I was enjoying this process immensely and fell in love with this stack. I discovered that I was happiest when discovering new things and improving my skills in these areas. Since then, I have continued working in the same field, and have continued to find joy in exploring new ways to improve my CSS skills and create beautiful and accessible user interfaces.

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

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
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
Playwright
Jest
Radix
car-rental project

Car Rental

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

React
Next
CSS
HTML
Pillar-ui
cinema project

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.

React
Next
CSS
HTML
Firebase
mongoDB
Node
Express
Gamers Player Tournois Website

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.

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

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.

React
Next
CSS
HTML
Firebase
mongoDB
Node
Express

Connect 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!

Join the Newsletter

Please subscribe to our web site to see all new stuff

© 2024 Hamza Miloud Amar. All Rights Reserved