Case Studies

Products with a point of view, built end to end.

Each project below documents the problem, my role, the architecture, and the evidence behind the work. The collection includes live products, open-source software, and learning resources built with useful UX, dependable delivery, and secure engineering in mind.

6

Projects

5

Public repositories

3

Open-source projects

Trace engineering decisions across projects
Featured Project
Custom illustration of Samaale General Trading Co.’s commerce and logistics website, not a browser screenshot.
Enterprise Web PlatformLive
2026Sole Developer & Technical Architect

Samaale General Trading Co. Digital Headquarters

A production-grade bilingual commerce and logistics website that turns a regional distributor's catalogue, branch network, and procurement services into a fast, discoverable, and conversion-focused digital experience.

Challenge

Samaale needed more than a brochure site. The business spans essential commodities, electronics and appliances, tyres, spare parts, lubricants, procurement, warehousing, freight, and customs clearing across the Horn of Africa. The website therefore had to explain a complex business clearly, help buyers find the right product or service quickly, support English and Somali audiences, and provide a trustworthy path from discovery to inquiry without sacrificing performance or accessibility.

Approach

Designed and built a typed React 19 single-page application with React Router, Tailwind CSS, Motion, a structured data layer, reusable section components, portal-based catalog and article modals, Leaflet logistics visualization, bilingual React Context state persisted with localStorage, dynamic SEO metadata, lazy rendering, vendor chunk splitting, and a Cloudflare Workers contact boundary protected by validation, Turnstile, SHA-256 rate limiting, and Resend.

Outcome

A live, production-ready company platform that presents 27+ products, seven branch locations, four logistics offerings, a regional route map, partner and testimonial proof, three news articles, WhatsApp inquiry paths, and a secure contact workflow. The system is deployed through Vercel and Cloudflare with edge delivery, serverless email handling, cache-friendly bundles, route-aware metadata, and an accessibility-focused interaction model.

Full Case StudySee live deployment
More Work
Custom social-preview illustration for Guuleed Maxmuud Aw Abdi’s portfolio platform, not a browser screenshot.
Full-Stack Web PlatformLive
2026Sole Developer & Designer

Full-Stack Portfolio Platform

A production-oriented portfolio, technical blog, contact service, and calendar booking system in one typed React application.

Challenge

A resume alone could not show the engineering behind the work. The site needed to communicate product thinking while also supporting searchable writing, protected contact, real calendar booking, and strong direct-route SEO.

Key Results

  • 9+ public experiences including portfolio, blog, booking, contact, and legal routes
  • 4 server workflows for availability, booking, management, and protected contact
  • 5+ security controls across validation, Turnstile, rate limits, headers, and idempotency
  • Prerendered HTML, sitemap, RSS, Atom, and route-specific metadata for discoverability

Built With

React 19TypeScriptViteVercel FunctionsGoogle Calendar APIRedis-compatible storeTurnstile
Full Case StudyView SourceLive Demo
Cyber Attack Monitoring Dashboard showing threat feed and risk scores
Security EngineeringLive
2025Full-Stack Developer & Security Researcher

Cyber Attack Monitoring Dashboard

Real-time threat intelligence and investigation toolkit for security analysts.

Challenge

Security analysts often need a unified view of live threat indicators with quick investigation tools for IPs, domains, and CVEs — but building that usually means juggling multiple APIs and manual data correlation, with the risk of exposing API keys on the client.

Key Results

  • Zero client-side API key exposure via server-side route proxying
  • Live IP reputation lookups through AbuseIPDB integration
  • Responsive dark-mode interface with production security headers
  • Deployed on Vercel with automated CI/CD and Speed Insights

Built With

Next.jsReactTypeScriptTailwind CSSTanStack QueryRechartsRadix UI
Full Case StudyView Source
Original architecture illustration showing a Somali poem moving from OCR review into a private archive and export.
Full-Stack Web AppOpen Source
2025Sole Developer & Designer

Gabay Keeper

A private digital archive for Somali oral poetry with OCR and visual export.

Challenge

Somali oral poetry lives in scattered notes, recordings, and community memory — vulnerable to loss and misattribution. No dedicated digital archive existed that captures poems with proper metadata while keeping data private and user-owned.

Key Results

  • Strict Firebase Security Rules enforce per-user data ownership
  • Client-side OCR via Tesseract.js — no data leaves the browser
  • Visual poem card export for social sharing
  • Dark mode optimized for long-form reading

Built With

ReactTypeScriptTailwind CSSFirebaseTesseract.jshtml-to-image
Full Case StudyView Source
PurplePrint Markdown editor showing split preview
Native Android AppOpen Source
2025Sole Developer

PurplePrint

A fully offline Android Markdown editor with on-device PDF export.

Challenge

Most Markdown editors and PDF converters send content to a remote server for processing. I wanted a fully offline, privacy-first editor for Android that never needs internet access and never uploads documents anywhere.

Key Results

  • Zero internet permissions — fully offline-first architecture
  • 100% on-device processing with custom AST-based parser
  • Adaptive layout: split view on tablets, tabs on phones
  • Material 3 dark/light theme support

Built With

KotlinJetpack ComposeMaterial 3PdfDocumentPrintManager
Full Case StudyView Source
Original curriculum map illustration connecting security foundations, guided labs, case studies, and frameworks.
Security EducationOpen Source
2026Curriculum Author & Maintainer

Fundamentals of Information Systems Security

A structured open-source curriculum covering the full security lifecycle — from the CIA triad to penetration testing and incident response.

Challenge

Most cybersecurity learning resources are either too scattered across platforms or too shallow to be used as a standalone university-level course. Students and self-directed learners needed a single, structured repository that covers theory, labs, case studies, and real certification alignment — all in one place.

Key Results

  • 9 structured chapters with matching lab exercises and chapter quizzes
  • 7 real-world case studies including SolarWinds, WannaCry & Log4j
  • Aligned with CompTIA Security+, CISSP, SSCP, and GIAC GSEC
  • 5 industry security frameworks: NIST CSF, MITRE ATT&CK, ISO 27001, OWASP, PCI DSS
  • Includes 9 policy templates for professional security documentation

Built With

Kali LinuxWiresharkMetasploitNmapOpenSSLPython
Full Case StudyView Source