Saboos Diet — Mobile Client

React Native companion for Saboos Diet (saboosdiet.com): mobile/SMS auth, diet lifecycle routing, Jalali dashboard with calorie and macro tracking, meal logging (main, snack, reward), packages and payments, WordPress blog, FCM push, and Persian/English i18n.

Historical case study

This page documents work delivered in the past. The product is not actively maintained today, and links may be outdated. It is here as a portfolio reference only — not an invitation to download or use the app.

Industry

Health & wellnessDiet & nutritionConsumer appIranRTL

Role: React Native developer

Duration: Not disclosed

Challenge

Diet adherents need one app to know if their plan is pending or active, log each meal type within allowed quotas, pay without leaving context, and read updates in Persian—with reliable activation checks and push re-engagement when plans change.

Solution

Stack-and-drawer shell routes by server diet status. JSON APIs for auth, commerce, food lists, and meal logging; WordPress for blog; FCM for notifications; Jalali dashboard with gauges and macro bars; locale switching with persisted preference.

Impact

A guided daily workflow for clients (dashboard refresh, meal slots, site invite) and clear inactive/pending states—integrated with the existing PHP and WordPress stack.

Tech stack

React NativeJavaScriptReact NavigationFirebase Cloud MessagingAsyncStoragei18n-jsmoment-jalaaliREST APIWordPress RESTRTL

Project overview

Saboos Diet is a Persian-first React Native client for the diet program at saboosdiet.com. Users authenticate with mobile and SMS-style verification, follow prescribed meal plans, log intake, view progress, purchase packages, and read blog posts from the site’s WordPress feed.

What we built

Onboarding & account — start screen with Persian/English locale toggle, registration with verification steps, login, password recovery.
Diet lifecycle routing — after login, server-reported status sends users to request a plan, wait on activation, or enter the main experience when active.
Dashboard — Jalali dates, calorie gauge and macro progress bars, diet summary, refresh from backend, invite friends to the public site.
Meal logging — separate flows for main meals, snacks, and optional reward meals; food lists and intake submission with remaining-slot enforcement.
Commerce — packages, orders, payment checks, diet requests, discount validation; payment continues in the browser.
Content & support — in-app blog via WordPress REST; contact with phone, email, Telegram, and Instagram.
Engagement — Firebase Cloud Messaging and local notifications; in-app update screen for iOS/Android.

Technical approach

React Native with stack navigation for auth, then a right-side RTL drawer for the signed-in shell. React Context plus secure local storage for session data; JSON API calls to the Saboos Diet backend. i18n-js for fa/en; moment-jalaali on the dashboard; gauge components for calorie visualization.

Integrations

Backend — PHP JSON API (auth, orders, food lists, reports).
WordPress — REST API for blog articles.
Firebase — push messaging for re-engagement.