Hi, my name is

Abouhilal Badr.

UI/UX Designer & Front-end Developer.

I'm a web designer & developer with a vision to help companies with design solutions to their problems by integrating the values into visuals and creating products with a human-centered design approach.

HIRE ME

About Me

Hello! My name is Badr and I enjoy creating things that live on the internet. My interest in web development started back in 2012 when I decided to try editing custom Blogger themes — turns out hacking together a custom reblog button taught me a lot about HTML & CSS!

Fast-forward to today, and I've had the privilege of working at a television network, a production studio, a huge corporation, and a research university.

Here are a few technologies I've been working with recently:

  • JavaScript (ES6+)
  • Vue
  • React
  • Node.js
  • Tauri
  • Wordpress
Abouhilal Badr

Where I've Worked

Front-end developer @Checkin

May 2023 - June 2024

Working with clients to build a new login and registration system for their websites.

  • Integrate "Checkin" login and registration system.

Some Things I've Built

Klingit

Klingit

Klingit offer all creative competencies a brand needs in one service. From presentation design to motion graphics. Always with transparent pricing.

  • VueJS
  • NuxtJS
  • TailwindCSS
  • GSAP
Poliigon

Poliigon

Poliigon provides high quality 3D assets that support the world's leading 3D artists. Through cutting-edge 3D creation processes. Deliver photoreal, product rendering, game design, VFX, and animation.

  • VueJS
  • NuxtJS
  • Bootsrap
  • SCSS
  • Rest API
Masse Art

Masse Art

The company was founded in 2023 in Montpellier by Moad Haddadi, dancer, choreographer and performer, and Lara Odin, musician, with the aim of questioning their visions of the world and creating together.

  • NextJS
  • TailwindCSS
  • NodeJS
  • NuxtJS
  • Rest API
Medzair

Medzair

MEDZAIR, an agency that connects doctors and healthcare personnel on the one hand and hospital structures on the other.

  • ReactJS
  • NextJS
  • TailwindCSS

Other Noteworthy Projects

View the archive
Folder

My Little Store

My Little Store is the first online sales website in Morocco dedicated to the world of babies and children. Childcare, decoration, gifts and toys.

  • Worpress
  • Woocommerce
  • Underscore.js
Folder

Code Coop

Code Coop is a simple CLI provide variety of template for different stacks. Front-end, Back-end, Mobile, Desktop, and more. It's a simple way to start a new project.

  • VueJS
  • NuxtJS
  • Next.js
  • Tauri
  • Rest API
  • React Native
Folder

CG Couverture

Specialize in cleaning, painting and protecting your roofs, facades and terraces. Whether you need an anti-moss treatment, a water-repellent waterproofer or a renovation of your roof, a team of experts is at your service to restore the shine and solidity of your home.

  • Nextjs
  • TailwindCSS
  • Whatsapp Universal links
Folder

Le Georgina Café

Cocktails and desserts Lounge, where indulgence is in the spotlight. Explore a world of expertly crafted cocktails and exquisite desserts in a chic and welcoming atmosphere.

  • Nextjs
  • TailwindCSS
  • Whatsapp Universal links
Folder

PlaynHack

Download vulnerable VM images and challenge yourself with hands-on exercises. Join our vibrant community of Moroccan hackers and start your journey today!

  • Nextjs
  • Nuxtjs
  • TailwindCSS
  • Supabase
Folder

Personal Website V2

Second iteration of my personal website. Designed and developed with a conscious effort to avoid using any superfluous frameworks like Bootstrap.

  • Next.js
  • TailwindCSS
  • Firebase
Folder

Coach Cars Formations

Comprehensive training combines expert instruction, state-of-the-art facilities and a commitment to safety to provide you with the knowledge and skills needed to excel on the road.

  • Node.js
  • Express.js
  • MySQL
  • Nextjs
  • Nuxtjs
  • TailwindCSS
Folder

Personal Website V1

My first portfolio website I designed and built. I learned quite a bit about HTML, CSS, and SEO. Since then, I think my web development and design skills have improved immensely.

  • Nuxt.js
  • TailwindCSS
  • Lazysizes
Folder

Mc Autos

Mc Autos your trusted partner for automotive excellence. providing high level services to meet all your automotive needs under one roof.

  • Next.js
  • TailwindCSS
  • Whatsapp Universal links

What's Next?

Get In Touch

Interested in working together? We should queue up a chat. I'll buy the coffee.

SAY HELLO