Skip to content
View Mo-Ibra's full-sized avatar
:octocat:
Open.
:octocat:
Open.
  • undefined
  • 03:46 (UTC +01:00)

Block or report Mo-Ibra

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Mo-Ibra/README.md

Profile Open Source Local First


I build for the web, then I make it survive production. My day-to-day is TypeScript end to end — React and Next.js on the front, Prisma and Postgres behind it, deployed to the edge. Everything I ship is written to be tested, typed, and readable six months later.

What I'm chasing right now is the layer under the app: system engineering, Docker, CI/CD, and Linux internals — because I don't want to just ship features, I want to understand exactly how they run.

Cracking on:

type status stack tests

A local-first SEO inspector for Chrome, Edge, and Firefox. No account, no server, no page URL ever leaves your machine.

  • Audits titles, meta descriptions, canonicals, indexability, Open Graph / Twitter cards, heading order, links, and word count — with a live SERP preview.
  • Site mode discovers pages from sitemap.xml (internal-link crawl as fallback), then scans up to 1000 in the background with a progress bar that survives a service-worker restart.
  • Polite by design: robots.txt and Crawl-delay are respected, 4 parallel requests, hard page cap. Reports export to CSV/JSON.
  • One self-contained DOM extractor is shared between the live tab and the crawler, so a page is never audited twice by two different sets of rules.

type status stack license

Every US state and territory flag as code — because no Unicode/emoji equivalent exists for them.

  • Ships as raw SVG, React components, JS strings, and CSS classes from one generated source of truth.
  • Preserves each flag's native aspect ratio — state flags are not uniform (Ohio is a swallowtail pennant, Rhode Island is nearly square). 16 distinct ratios, handled correctly by every entry point.
  • A build pipeline that goes from curated source SVGs → optimized assets → generated React/CSS/string bundles → a validated exports map.
  • Ships behind a real quality gate: unit tests, publint, Are The Types Wrong, and an install-the-tarball test — all wired into prepublishOnly and CI.

Also on the bench

open-editor — a local-first video editor. No account, no upload, no render farm. Planning the architecture: one Canvas 2D + WebCodecs renderer shared by preview and export, flat-JSON projects instead of a compiler, and FFmpeg scoped to decode only so an LGPL build never poisons the license.


Tech Stack & Tools

Frontend & Interface

My Skills

Backend & Data

My Skills

Tooling, Testing & Shipping

My Skills

Languages TypeScript · JavaScript · PHP · Python · SQL · Bash
Frontend React 19 · Next.js · Vue · Astro · Tailwind CSS v4 · Vite
Backend Node.js · Laravel · Django · Flask · Prisma · PostgreSQL · REST & background workers
Edge & Infra Cloudflare · Docker · GitHub Actions · GitHub · Linux
Quality Vitest · Oxlint · typed public APIs · CI gates before publish

Currently

  • 🔧 Learning system engineering properly — processes, signals, networking, and what actually happens between npm run dev and a running container.
  • 🐳 Getting hands-on with Docker: multi-stage builds, slim images, compose, and why your image is 1.2 GB.
  • ⚙️ Building CI/CD pipelines that actually gate: tests, lint, typecheck, build, publish.
  • 🐚 Deepening Linux fundamentals — because debugging at 3 a.m. is easier when you know what the kernel is doing.
  • 📐 Reading and planning around open-editor, a local-first video editor built on WebCodecs.

🕹️ Contribution Lab

github contribution grid snake animation

"Ship it local-first, test the parts that scare you, and never make the user wait on a server they didn't ask for."

Popular repositories Loading

  1. nextjs-clean-ecommerce nextjs-clean-ecommerce Public

    🛠️ A clean, modern e-commerce website built with Next.js, Tailwind CSS, and shadcn/ui components. This project features a minimalist design focused on user experience and performance.

    TypeScript 13 3

  2. next-cruip next-cruip Public

    Creative Agency Next JS Web Application With Next & TailwindCSS & TypeScript

    TypeScript 11 3

  3. imagetxt-to-txt imagetxt-to-txt Public

    A powerful web application that extracts text from images using Optical Character Recognition (OCR) powered by Tesseract.js.

    JavaScript 5

  4. Mo-Ibra Mo-Ibra Public

    Portfolio :)

    1

  5. nodemailer-example nodemailer-example Public

    📧 A simple Next.js 15 project that uses Nodemailer to send emails from a contact form. Built with Tailwind CSS for a clean design and easy customization.

    JavaScript 1

  6. us-state-flag-icons us-state-flag-icons Public

    Vector flags for the 50 US states, the District of Columbia, and the inhabited territories, available as plain SVG files, React components, JS strings, and CSS classes.

    JavaScript 1