Safaa Khaeed

I built Skoon SPA, an open-source Arabic (RTL) sales, inventory and invoicing application that runs entirely offline inside the browser with no server, no external database and no accounts. It is a single-page app and PWA built with HTML5, CSS3, ES modules, IndexedDB and a service worker, so it can be launched by double-clicking index.html or published as static files on any host. It covers a dashboard, point of sale, products, stock adjustments and stocktaking, invoices with A4 and 80mm thermal printing, customers with calculated balances, expenses, eight report types, Excel import/export, and validated JSON backup and restore with an automatic safety copy before any restore. I also wrote an automated suite of 144 unit, integration and end-to-end checks that runs against real IndexedDB in a real browser.

In this Arabic video I present a short, practical course on building complete single-page applications, using a full sales system as the worked example. I show how to take the idea to a finished app that runs entirely in the browser with no server and no external database, and how AI can be used as a development partner during analysis, implementation and debugging without losing control of the architecture. The session accompanies my open-source Skoon SPA project, so viewers can read the real code behind everything demonstrated: offline-first storage, invoicing, inventory movements, reporting and backup. It reached about 5,900 views on the Tecno U channel and gives Arabic-speaking developers a concrete reference for modern client-side application design.

In this Arabic video I walk through Attendly, a smart student attendance system, with a tour of the running application, the project structure and the source code shipped with it. The system manages students, classes, subjects and attendance sessions, lets students register attendance from their own phones through a QR code, and verifies identity with local on-device face recognition. It works over a local network with no cloud service, and supports importing student data with preview before saving, merging records from several devices without duplicates, absence alerts, and reports and statistics exported to Excel. Explaining the architecture and the code publicly helps Arabic-speaking developers see how a real offline-capable solution is organised, not just the finished screens.

I published this Arabic video as a concise but complete guide to Microsoft's current development technologies, aimed at students, beginners and developers who want a clear map of the ecosystem before deciding what to learn. I walk through the main technologies used for desktop applications, web applications, mobile apps, back-end services, databases, cloud and AI, and explain in simple terms how they differ, when each one is the right choice, and how the Microsoft stack lets one developer build very different kinds of systems inside a single integrated toolchain. The goal was to remove the confusion many Arabic-speaking learners feel when they first approach the Microsoft ecosystem and to help them choose a path deliberately. The video reached about 1,600 views on the Tecno U channel.

I started WarehousePlatform, an open-source API-First warehouse and inventory management platform in which an ASP.NET Core Web API is the single source of truth for all business rules, while WPF, .NET MAUI and Blazor clients are thin consumers of the OpenAPI contract and never implement inventory logic locally. The stack is .NET 10 and C# 14 with ASP.NET Core 10, in-box OpenAPI 3.1, URL versioning, EF Core 10 over PostgreSQL with SQL Server optional, external OIDC with JWT, .NET Aspire for dev-time orchestration, OpenTelemetry for logs, metrics and traces, and xUnit v3 with Testcontainers and ArchUnitNET. The design treats stock as an immutable ledger with a reconcilable balance projection, and posted documents are corrected by reversal instead of being edited. The repository currently publishes the complete discovery phase: charter, requirements, domain model, architecture, security and DevOps documents, ADRs and a full phase plan.