Skip to content

Projects

Things I built and shipped

Mostly open source. Client work appears here only where I can name it.

In Progress

LaralCN-UI: A shadcn-style copy-and-own Blade component system for Laravel

A shadcn-style copy-and-own Blade component system for Laravel. Instead of a runtime library, you pull pure Blade and Tailwind v4 components into your own source tree via an Artisan CLI or one-click copy from the docs site. Every component is fully owned and editable, with no version coupling.

Laravel · Blade · Tailwindcss
Completed

Portfolio MCP Server: Giving AI a Safe, Typed API Into My Portfolio

A Model Context Protocol (MCP) server built on top of my Laravel + Filament portfolio, exposing every admin-managed resource — blogs, projects, services, experiences, education, contacts, and inquiries — as typed, ability-scoped tools that an AI assistant like Claude can call directly. I built it not to hand my site over to AI, but to learn the MCP integration patterns I now bring to client projects.

Laravel · Blade · Tailwindcss

Wood Trading POS

A complete point-of-sale and inventory system for wood / timber trading businesses, built entirely on Google Apps Script and Google Sheets. Serialized stock with CFT math, per-shipment landed-cost tracking, POS with partial payments, role-based access, P&L and stock-aging reports — all running on Google's free tier.</thumbnail_description> <parameter name="repository_link">https://github.com/Abdulkader-Safi/POS-App-Scripts-and-Google-Sheet.git

Javascript · HTML · CSS
In Progress

KIF: A modern, dark-aesthetic rebrand of Kuwait International Fair's web presence

A ground-up redesign of Kuwait International Fair's website, replacing a dated, brand-less institutional site with a modern, dark-aesthetic experience built on Laravel and restrained, purposeful motion.

Laravel · Blade · Tailwindcss
In Progress

VS-CRM: A self-hosted CRM that runs inside VS Code, on a database you own

A VS Code-native CRM with optimistic mutations, realtime sync, and PDF invoices. Powered entirely by the user's own Supabase database, no middleman, no lock-in.

Tailwindcss · Typescript · Svelte
Completed

ImageMagick for VS Code: Native image editing inside the editor

A VS Code extension that puts the full ImageMagick toolchain, resize, crop, rotate, compress, format convert, directly into the editor, with a live preview and a drag-and-drop UI. All processing runs locally with zero cloud uploads, so the extension is safe for proprietary assets.

Tailwindcss · Typescript · VS Code
Completed

SafiCrawl: In-Editor Website Crawler & SEO Auditor for VS Code

A zero-dependency VS Code extension that crawls any website, audits SEO across 11 categories, and reports Core Web Vitals, all without leaving the editor. No Python, no Docker, no hosted service.

React · Tailwindcss · Typescript
In Progress

Project Pulse: Health Monitoring for VS Code

A VS Code extension that gives agencies and freelancers a unified dashboard to monitor SSL certificates, DNS, uptime, security vulnerabilities, and Lighthouse scores across every client project, without leaving the editor.

Typescript · Tailwindcss · React
Completed

Rename Images with AI

A Python desktop app that uses local AI vision models (LLaVA/Ollama) to analyze images and automatically rename them with descriptive, human-readable filenames. Turns IMG_0001.jpg into sunset_beach.jpg.

Python · Tkinter · Ollama

WORK WITH ME

Want something like this built?

Tell me what it is and roughly when you need it. I will tell you honestly whether I am the right person.