Skip to content

Hey There,I'm Omar Bourhaouta, a Software Engineer.
I build product-focused web apps, end to end.

Based in Rabat, Morocco · Open to remote work

Open to new opportunities
View resume

10+ years building product-focused web apps

Now

Open to new opportunities

Looking for a frontend-focused product role. Full-time or freelance, remote from Rabat, Morocco.

Get in touch

Metafy

Frontend Engineer Remote

Feb 2021 – Aug 2026

The gaming community where players learn from the best creators and coaches.

  • Owned the checkout: payments, discounts, credits, subscriptions, upsells, and a major redesign.
  • Helped build Memberships 2.0: tiered subscriptions with benefits, discounts, Discord roles, and upgrade/downgrade flows.
  • Drove several generations of coaching: scheduling, availability, calendars, timezones, rescheduling, and member-only sessions.
  • Built video playback for coaching reviews and lessons, through HLS streaming, iOS quirks, and fullscreen behavior.
  • Contributed to backend work in the Ruby on Rails/GraphQL stack to ship features end to end.
  • Worked on frontend foundations used across the product: navigation, Storybook/Histoire, theming, shared components, and icons.
  • TypeScript
  • Svelte/SvelteKit
  • React
  • GraphQL
  • Ruby on Rails
  • Storybook

  1. Dec 2019 – Jan 2021

    SQLI · Frontend Engineer

    Rabat · Hybrid

    Built the Guest Checkout flow and its REST API integrations for Nespresso while its Hybris/JSP platform moved to React, and fixed bugs in legacy AngularJS and jQuery code.

    • React
    • REST APIs
    • AngularJS

  2. Oct 2018 – Dec 2019

    Avito.ma (Adevinta) · Frontend Engineer

    Casablanca

    Built campaign and product experiences (Carrières, Boutiques, Guide ImmoNeuf, Digital Talks) and contributed to Avito's internal design system.

    • Next.js
    • Nuxt.js
    • React
    • Redux
    • Styled Components

  3. Feb 2017 – Sep 2018

    Next Media · Frontend Engineer

    Rabat

    Worked on early versions of YouCan.shop, and built Telquel.ma's mobile SPA, ad integrations, and animated premium content.

    • Vue.js
    • Laravel
    • Sass
View full resume

Things I've built

  • VS Code · CLI · MCP

    Tailwind Shades

    Full Tailwind CSS palettes (50⁠–⁠950) from any color, in OKLCH, for Tailwind v4 to v1. A VS Code extension, a CLI, a website, and an MCP server so AI agents use real palettes instead of guessing.

    Source on GitHub

    • 77

      stars on GitHub

    • 328.3K

      installs

    • 5.0

      rating (7 reviews)

  • Shooot

    Web app

    Create good-looking screenshots for your Dribbble shots.

    • 55stars on GitHub
    Source on GitHub

  • This website

    Next.js site

    My portfolio and blog, built end to end: Next.js 16, TypeScript and Tailwind v4, with a server-side contact form, RSS syndication to dev.to, generated share images, and a printable resume.

    • 5stars on GitHub

  • hotory

    Utility CSS

    A small, utility-first CSS toolkit built on Stylus in 2018, before Tailwind took off: a lighter alternative to Bootstrap with readable classes like is-flex:column and hover:has-color:primary, and themeable variables. Made for internal projects.

    • 6stars on GitHub
    • 2.9Kdownloads on npm
    Source on GitHub

Mostly talking about CSS

  • Tailwind color palettes the AI way!

    AI agents write a lot of our CSS now, but they still guess Tailwind colors. So I gave them the same tool I use: real palettes, from any color.

    2 min read

  • Tailwind color palettes the fast way!

    You have one brand color and you need the full Tailwind palette, from 50 to 950. No need to ask the AI for it, one shortcut in your editor does it.

    1 min read
Read more articles