Projects
Real-time SaaS platforms, AI-driven products, and open-source modules. The common thread is solid types, honest documentation, and as little ceremony as the problem allows.
Products I have led or shipped major features for.
Enterprise real-time chat built with Nuxt 4, Vue 3, and TypeScript. Uses a registry-based WebSocket layer on Pusher with typing indicators, read receipts, and synchronized multi-tab presence. Local data is secured with AES-GCM and PBKDF2 in IndexedDB.
Multi-tenant SaaS that powers CRM, donations, and real-time communication for charitable organizations across Saudi Arabia. Built with Nuxt 3, Vue 3, and TypeScript, backed by a unified Tailwind, ShadCN, and UnoCSS design system with full RTL and LTR support, and integrated with Apple Pay, Google Pay, and Moyasar.
AI-driven recruitment platform with video and audio recording modules, drag-and-drop CRUD interfaces, and analytical dashboards. Refactored legacy Vue codebases for accessibility, performance, and maintainability.
SaaS fitness and wellness platform with workout and nutrition tracking. Built with Vue 3, Nuxt 3, and TypeScript, using Pinia for state management and a responsive, scalable UI.
B2C online training website focused on usability and fast-loading pages. Built with plain HTML5, CSS3, and JavaScript, kept intentionally lean.
Full-stack e-commerce backend with Node.js, Express.js, and MongoDB (Mongoose). Includes JWT authentication, role-based access control (RBAC), Stripe and PayPal payments, search, filtering, pagination, input validation, rate limiting, and bcrypt.js for secure password handling.
Nuxt modules I maintain. All free, MIT-licensed, and published on npm.
Strongly typed fetch client for Nuxt 3 and 4 with interceptors, retry and backoff, upload progress, and a framework-agnostic core that also runs outside Nuxt.
AES-256-GCM and PBKDF2 via the Web Crypto API for Nuxt. Includes key caching, pluggable algorithms, an optional server-only mode, and device-fingerprint binding.
Layout to middleware mapping for Nuxt, with glob patterns, named groups, per-page overrides, and a typed middleware-name registry.
Headless, shadcn-vue style Vue 3 component library. Every component is its own importable subpath (`/tell-input`, `/popover`, `/drawer`, and so on) so consumers only ship what they use. Built on reka-ui and vaul-vue, themed via prefixed CSS variables, fully typed.