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. My main focus these days is building accessible, inclusive products and digital experiences at Checkin for a variety of clients.

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 - Present

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

Masse Art

Masse Art

La compagnie a été fondée en 2023 à Montpellier par Moad Haddadi, danseur chorégraphe interprète et Lara Odin musicienne dans le but de questionner leurs visions du monde et de créer ensemble.

  • NextJS
  • TailwindCSS
  • NodeJS
  • NuxtJS
  • Rest API
Otto Marrakesh

Otto Marrakesh

Otto Marrakesh, where elevated dining meets panoramic views at our chic Rooftop restaurant. Indulge in a culinary journey that transcends ordinary dining, as you savor delectable Eats crafted with passion and precision.

  • ReactJS
  • NextJS
  • TailwindCSS
  • Whatsapp Universal links
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
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

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
GitHub

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
GitHub

Rock, Paper, Scissors game

Nice classic game to play in your free time. Include a description of the rules and save your score automatically.

  • Vue.js
  • Vite
  • TailwindCSS
Folder
GitHub

Splitter

Tip Calculator calculates tip amount for various percentages of the cost of the service, and also provides a total amount that includes the tip.

  • HTML
  • TailwindCSS
  • JS
  • Vite
Folder
GitHub

Password Generator

The password generator creates random passwords based on parameters set by you. Parameters include password length, whether the password should be easy to say or read, and whether the password should have uppercase letters, lowercase letters, numbers, and symbols.

  • HTML
  • TailwindCSS
  • JS
  • Vite
Folder
GitHub

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
GitHub

Easy Watermark

Website for adding custom first page and watermark to pdf files with the ability to customize and choose the typography, transparency and position of a text or your logo and generate new pdf easly.

  • Node.js
  • Express.js
  • pdf-lib
  • Ejs
  • CSS
Folder
GitHub

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
GitHub

Shortly

Shortly is a free tool for transforming long, ugly links into nice, memorable and trackable short URLs. Use it to shorten your unwieldly links into more manageable and useable URLs.

  • Next.js
  • TailwindCSS
  • Rest API

What's Next?

Get In Touch

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

SAY HELLO