SAFI.DEV
>_ Hello, I'm

Abdulkader Safi

Lead Software Engineer // Web & Mobile Developer

From Lebanon, live in Kuwait, 26 years old, building scalable web and mobile applications, AI-powered solutions, and developer tools. Passionate about clean architecture, performance optimization, and solving complex technical challenges.

View Projects Get in Touch
Abdulkader Safi
ABOUT ME

Crafting Digital Experiences Since Age 13

My journey began with curiosity and a keyboard. From building my first website as a teenager to leading engineering teams at DSRPT (Google Premier Partner), I've always been driven by the desire to create impactful digital solutions.

Today, I focus on building developer-first tools and solutions that bridge the gap between complex technology and user experience. Whether it's a VSCode extension, AI-powered tool, or scalable web application, I approach every project with the same passion.

6+ Years of Experience
50+ Projects Delivered
15+ Technologies Mastered
4 VSCode Extensions for Developers
SKILLS & TECHNOLOGIES

My Technical Arsenal

Powering web, mobile, and AI solutions with modern technologies

Backend Backend
◆ Dotnet
◆ PHP & Laravel
◆ PostgreSQL / MySQL
◆ Rest APIs
Frontend Frontend
◆ JS/TS
◆ CSS & TailwindCSS
◆ React & Nextjs
◆ Laravel Blade
Tools & DevOps Tools & DevOps
◆ Git & Github
◆ Docker
◆ Blender
◆ Zed, VS Code & NVIM
AI AI
◆ Claude
◆ OpenCode
◆ Ollama
FEATURED PROJECTS

What I've Been Building

A mix of web applications, mobile apps, and developer tools

ImageMagick for VS Code: Native image editing inside the editor
Tailwindcss Typescript VS Code

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.

View Case Study
SafiCrawl: In-Editor Website Crawler & SEO Auditor for VS Code
Tailwindcss Typescript VS Code

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.

View Case Study
Project Pulse: Health Monitoring for VS Code
Tailwindcss Typescript VS Code

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.

View Case Study
View All Projects
SERVICES

What I Can Do For You

Comprehensive solutions tailored to bring your ideas to life

websites and web applications services

With 6+ years of hands-on development experience, I build digital products that go beyond looking good, they work hard for your business. From sleek marketing

Get a Quote →

Mobile Application Development

Custom iOS and Android apps built for Kuwait and the GCC — from MVPs to full-scale platforms. React Native, Flutter, and native development with a focus on performance, UX, and real business outcomes.

Get a Quote →
View All Services
LATEST BLOG POSTS

Thoughts & Tutorials

Writing about software engineering, web development, and everything in between

Split screen showing a VS Code extension webview built with React on one side and Svelte on the other, both styled with TailwindCSS

Open-Source VS Code Extension Starters: React and Svelte with Tailwind

Two open-source VS Code extension starter kits — one React 19, one Svelte 5 — both wired with TailwindCSS v4, TypeScript, esbuild, routing, and working webview↔extension messaging. Clone, rename, ship.

Apr 22, 2026 • 6 min read
Read Article
Code snippet showing a Zustand store wrapped for use with Svelte's auto-subscription syntax in a SvelteKit project

Using Zustand with Svelte: Why You'd Want To, How the Wrapper Works, and When to Skip It

A practical guide to wiring Zustand into a Svelte or SvelteKit app. The wrapper pattern, the auto-subscription trade-off, Redux DevTools, persist middleware — and an honest take on when reaching for Zustand actually beats Svelte's native stores.

Apr 21, 2026 • 7 min read
Read Article
Building a Game Engine from Scratch with C# and C++: Architecture, Vulkan Rendering, and Lessons Learned

Building a Game Engine from Scratch with C# and C++: Architecture, Vulkan Rendering, and Lessons Learned

A deep dive into building a Bevy-inspired game engine where C# handles game logic through an Entity Component System and C++ powers Vulkan rendering, connected via Mono P/Invoke. Covers architecture decisions, the ECS pattern, dynamic lighting, and what it takes to build a renderer from zero.

Feb 10, 2026 • 7 min read
Read Article
View All Articles
EXPERIENCE

Where I've Worked

2024 — Present Full Time

DSRPT

Lead Software Engineer
  1. Led full-stack web application development from inception to deployment, ensuring adherence to timelines and client expectations using agile methodologies for efficient collaboration.
  2. Managed website projects from concept to maintenance, implementing project frameworks for streamlined workflows, resource allocation, and risk mitigation.
  3. Spearheaded SEO optimization efforts, including keyword research, on-page optimization, and link-building strategies, utilizing project management tools for performance tracking and iterative improvements.
  4. Orchestrated successful Google Ads campaigns by defining objectives, establishing KPIs, and employing data-driven approaches for targeting, ad copy, and bidding strategies, resulting in exceptional ROI.
  5. Stack used (ReactJS, TailwindCSS, Typescript, NestJS, NextJS, Prisma, GoLang, Echo, PostgreSQL, Google Ads, Google Analytics).
  6. Formerly Go Google.
Current Position
2023 — 2024 Full Time

QUAD Digital Media

Full Stack Developer
  1. Collaborated with cross-functional teams to create visually captivating and responsive web interfaces.
  2. Proficiently executed UI designs using React.js and Tailwind CSS for optimal user interaction.
  3. Enhanced user experiences with Typescript and CSS, prioritizing aesthetics and functionality.
  4. Utilized Git and GitHub for version control and streamlined code management, enabling seamless collaboration.
  5. Developed efficient NodeJS RestAPIs with MongoDB and MySQL integration for optimized data handling.
  6. Spearheaded deployment on the BEA cloud platform, ensuring smooth transitions from development to production.
  7. Stack used (ReactJS, TailwindCSS, Typescript, ExpressJS, Prisma, GoLang, Echo, PostgreSQL, Strapi).
2020 — 2023 Internship

Verozone Solution EG

Full Stack Developer
  1. Developed skills in Front-end development and remote work.
  2. Collaborated with a team to create visually appealing and responsive web interfaces.
  3. Implemented UI designs using React.js, Tailwind CSS, and Bootstrap.
  4. Utilizing Git and GitHub for version control and code management.
  5. Contributing to the development of HTML5-based web applications.
  6. Stack used (ReactJS, Typescript, Javascript, BootStrap, TailwindCSS, PHP, Laravel, MySQL).
2018 — 2019 Full Time

Ooredoo

Customer Care Supervisor

Working for one of the biggest companies in Kuwait in the call center department

  • Handling inbound normal calls.
  • Managing incoming supervisor calls.
  • Collaborating with telemarketing and sales teams.
  • Monitoring and mentoring new agents.
GET IN TOUCH

Let's Build Something Together

Whether you have a project idea, want to collaborate on a web or mobile app, or just say hello

Get in Touch safi.abdulkader@gmail.com