Overview

A customer-facing iOS app for anyone who owns a car and wants to keep it maintained. It stores each car's maintenance history and invoices, maps a full network of relevant garages, surfaces offers, and handles booking and payments end to end. It grew to 5,000+ users.

My role

I owned the entire app end to end — architecture, UI/UX and every feature in Swift & SwiftUI — talking to a backend built in ASP.NET by the backend team.

What I built

• Maintenance history & saved invoices — every service and receipt kept per car.
• Garage network — browse and search a full network of relevant garages.
• Offers feed — promotions and discounts surfaced to users.
• Payment flow via Moyasar, with OAuth2 auth and login.
• Push notifications, deep linking and a referral flow.
• Image upload/download and in-app PDF generation.
• Profile, settings and full Arabic/English localization.
• Analytics and session tracking with AppsFlyer and Smartlook.
• Prototyped an internal AI assistant with car context (not shipped).

Highlights

I designed and shipped the whole app in 2021–2022, before AI coding tools existed. Adding deep linking and push notifications was a major piece of work that meant refactoring and reworking the app end to end.

Status

First shipped in 2022; maintained and updated through 2026.

Screens

Overview

An iPadOS point-of-sale app for car-service stores. The cashier rings up services, builds the cart and issues the invoice — all from a single, always-visible screen built for speed and reliability at the counter.

My role

A v1 already existed; I came in and built v2 — restructuring it for cleaner code, a new design, faster launch and load times, and a better UI/UX with new features. Another developer later joined on smaller features; I led the team and managed the GitHub repo.

What I built

• Rebuilt the app end to end for v2 — architecture, design and performance.
• Cart and checkout for day-to-day car-service sales.
• Invoice creation and receipts from a single screen.
• Receipt printing via Epson printers (integrated with a teammate).
• Faster launch and load times, and a refreshed UI/UX over v1.

Highlights

The hardest part was keeping the whole flow on one screen. Building an invoice and cart is a long, multi-step process, so I designed it to stay on a single page the entire time — the cashier never loses context mid-sale.

Status

Built in about three months and shipped in 2025; in production use.

Overview

Jamaatna (جمعتنا) is an all-in-one platform to run weddings and events from the invite to the door — elegant digital invitations, one-tap RSVP, QR entry codes and a live attendance dashboard. Fully bilingual Arabic & English (RTL).

My role

This is my own startup. I do everything — product design, frontend, backend, localization, business and marketing.

What I built

• Elegant digital invitations with one-tap RSVP.
• QR entry codes and a scanner check-in flow.
• Live attendance dashboard that updates in real time.
• Guest-list and seating management.
• Multiple event types with a host dashboard.
• Payments, analytics and automated reminders.
• Full Arabic/English (RTL) localization.

Highlights

The check-in is the flashy part: scan a guest's QR at the door and the live attendance dashboard updates in real time — no refresh, everyone watching sees the count move.

Status

Live — launched in 2026.

Screens

Overview

An Airbnb-style marketplace for booking event venues in Riyadh — map search, categories (halls, chalets, farms, majlis), ratings, favorites and bookings. Arabic-first with English.

My role

A freelance build for Howamesh — I built both the frontend and backend on Replit. It's an MVP.

What I built

• Map-based search with venue categories (halls, chalets, farms, majlis).
• Venue detail pages with photos, ratings and reviews.
• Booking flow, favorites and a host listing flow.
• Admin and payments.
• Arabic-first UI with English.

Highlights

Map search over Mapbox with an Arabic-first, RTL layout — browsing venues on the map the way locals actually search.

Status

Built in 2026 as an MVP.

Overview

A Next.js & TypeScript dashboard for a car-services business, used by owners and garages. I supported the wider dashboard and built the invoicing system inside it — ZATCA Phase 2 tax invoices (simplified & A4), quotations and reporting.

My role

I owned the invoicing system's UI and UX inside the dashboard. The rest of the dashboard — reporting, analytics, customer management, inventory and staff — I supported.

What I built

• Invoicing UI/UX for simplified and A4 tax invoices.
• ZATCA Phase 2 compliant tax invoices.
• Quotations flowing into invoices.
• Supported the wider dashboard: reporting, analytics, customers, inventory and staff.

Highlights

The invoicing had to be ZATCA Phase 2 compliant — the Saudi e-invoicing standard — rendering correct simplified and A4 tax invoices that owners and garages rely on daily.

Status

Built in 2025; in use through 2026. Private company project.

Overview

A bilingual (Arabic & English, RTL) marketing site for a car-service center in Saudi Arabia — maintenance, inspection and detailing services, a services gallery, customer reviews and one-tap WhatsApp contact.

My role

A freelance client project — I designed and built the whole thing from scratch.

What I built

• Bilingual Arabic/English with full RTL.
• Services sections, a gallery and customer reviews.
• One-tap WhatsApp contact.
• SEO work and custom-domain setup.
• Built from scratch in vanilla HTML/CSS/JS on GitHub Pages.

Highlights

Built from scratch with no framework — just vanilla HTML, CSS and JS — fully bilingual with RTL and one-tap WhatsApp deep-linking, plus SEO and a custom domain.

Status

Shipped in 2025.

Screens

Overview

A bilingual (Arabic & English, RTL) personal-brand portfolio for Salih Bawarith — a Riyadh-based F&B operations manager, specialty-coffee expert and Arabic calligrapher. The site frames his career as a coffee “roast curve”: a scroll-drawn profile with braided lanes for the several roles he ran at once, alongside galleries of his calligraphy and his work & events.

My role

I designed and developed the whole site — the “roast-curve” concept, the bilingual RTL layout and the galleries. All content lives in one JavaScript data file, so Salih can update his timeline, photos and calligraphy without touching HTML.

What I built

• A “roast-curve” career timeline — a scroll-drawn profile with braided lanes for concurrent roles.
• Fully bilingual Arabic/English with a language toggle and complete RTL mirroring.
• A calligraphy gallery and a work & events album gallery — grid + lightbox, with on-demand image and video loading.
• Category filters and “show more” pagination so the galleries scale.
• A data-driven architecture — all content in one JS file, so it updates without editing HTML.
• Built from scratch in vanilla HTML/CSS/JS with no build step, plus SEO and a custom domain on GitHub Pages.

UX decisions

• Framing the career as a “roast curve” instead of a bullet list — you read momentum rising over time, not just dates.
• Braided lanes so concurrent roles are legible at a glance rather than flattened into one column.
• Galleries load images and video posters on demand, with “show more” paging, so a large archive stays fast on mobile.
• Every screenshot and photo opens in a full-screen lightbox you can swipe through.
• Keyboard- and screen-reader-accessible (focus management, Escape to close, ARIA labels), with all motion gated behind prefers-reduced-motion.

Analytics

Umami (privacy-friendly and cookieless) with a custom tracking layer I wrote: named events for every click and for scroll depth, plus a visibility “heartbeat” that sends periodic pageviews so a single-page site still reports real visit duration. Every call is guarded, so a blocked or slow tracker never breaks the page.

Highlights

The idea I like most is the “roast curve” — reading a career like a coffee roast profile, with time along the bottom and momentum rising, and braided lanes showing the roles that overlapped. It turns a plain CV into a story, in two languages, with zero framework or build step.

Status

Shipped in 2026, live at salihbawarith.com.

Screens

Overview

A Raycast extension that puts daily gold prices one keystroke away. It shows live prices per gram for the 24K, 22K, 21K and 18K karats commonly quoted in Gulf markets, the daily change versus the previous close, and 1, 3, 6 and 12-month averages from real daily closes — all in the currency of your choice.

My role

My own project — I designed and built the whole extension in TypeScript on the Raycast API, and submitted it to the official Raycast store.

What I built

• Live spot prices per gram for 24K, 22K, 21K and 18K.
• Daily price change versus the previous close.
• Period averages — 1, 3, 6 and 12 months — from real daily closes.
• Karat selector to switch which karat's averages are shown.
• Selectable display currency: SAR, AED, KWD, QAR, BHD, OMR, USD, EUR, GBP.
• Quota-friendly caching to stay within the free metals.dev API tier.

Highlights

The interesting constraint was the free API tier — only 100 requests a month — so I built quota-friendly caching that serves fresh prices and month-long averages without ever blowing the budget.

Status

Source is public on GitHub and it's submitted to the Raycast store — pull request #29634 is in review.

Screens