Mobile AppMOGI ALTIGAH

Fushati Canteen

A new experience for school cafeterias — Fushati (فسحتي) is a comprehensive canteen management solution empowering parents to monitor children’s daily expenses, set spending limits, and top up digital student cards. Features NFC card scanning, face recognition, Apple Pay integration, and full Arabic RTL support.

FlutterDartBLoCClean ArchitectureGoogle ML KitNFCApple PaymadaRESTful APIs

Key Highlights

1

Enhanced parental control: monitor children’s daily expenses and set personalized spending limits

2

Digital student card system with unique card number, balance tracking, and transaction history

3

NFC card scanning for easy payment card registration at the canteen

4

Google ML Kit face recognition for secure student authentication

5

Top-up via Apple Pay, Visa, Mastercard, and mada payment gateways

6

Card verification modal showing student name, phone, and card details before confirmation

7

Full Arabic RTL support for bilingual (Arabic/English) user experience

8

Multi-app ecosystem: parent app, canteen manager app, and admin dashboard

9

Transaction history with credited/debited entries and timestamps

10

Card management: add new cards, top up balance, delete cards

App Walkthrough18 Screens

1Splash & Onboarding(3)2Authentication(3)3Student Card Setup(3)4Home & Card Management(3)5Top Up & Payments(3)6Profile & Settings(3)
1

Splash & Onboarding

The app opens with the Fushati (فسحتي) bilingual logo on a soft mint gradient. The tagline “A new experience for school cafeterias” introduces the service. An onboarding slide highlights “Enhanced Parental Control” — empowering parents to monitor their children’s daily expenses and set personalized spending limits.

Splash — Tagline

Splash — Tagline

Onboarding — Parental Control

Onboarding — Parental Control

Home — Empty State

Home — Empty State

#Screen
1Splash — Tagline
2Onboarding — Parental Control
3Home — Empty State
2

Authentication

Parents log in with their Saudi phone number (+966). A 5-digit activation code is sent via SMS for verification. The code entry screen shows a countdown timer for resend. On success, a green “All set!” screen with an animated OK hand confirms verification and redirects to the home page.

Phone Login

Phone Login

OTP Verification

OTP Verification

Verification Success

Verification Success

#Screen
1Phone Login
2OTP Verification
3Verification Success
3

Student Card Setup

Parents add their child’s student card by entering the card number. A verification modal displays the student’s full details — name, phone number, creation date, and card number — for confirmation before linking. On success, the card appears on the home screen showing the balance in Saudi Riyals with a “Manage” button.

Add New Card

Add New Card

Card Verification

Card Verification

Card Added Success

Card Added Success

#Screen
1Add New Card
2Card Verification
3Card Added Success
4

Home & Card Management

The home dashboard displays the student’s digital card with card number, student name, phone, and current balance in R.S (Saudi Riyals). Parents can add multiple cards for different children. The Manage Card screen shows top-up and delete options alongside a full transaction history with credited/debited entries, amounts, transaction IDs, and timestamps.

Home — Student Card

Home — Student Card

Manage Card & History

Manage Card & History

Arabic RTL — إدارة البطاقات

Arabic RTL — إدارة البطاقات

#Screen
1Home — Student Card
2Manage Card & History
3Arabic RTL — إدارة البطاقات
5

Top Up & Payments

Parents top up their child’s card with preset amounts (100–1000 SAR) via a bottom sheet. Payment supports Apple Pay and manual card entry (Visa, Mastercard, mada). The payment gateway shows merchant details, card holder info, and amount. A processing spinner appears during the transaction, followed by a success or failure dialog.

Top Up Amount

Top Up Amount

Apple Pay & Card Payment

Apple Pay & Card Payment

Payment Success

Payment Success

#Screen
1Top Up Amount
2Apple Pay & Card Payment
3Payment Success
6

Profile & Settings

The side drawer menu provides access to Profile, Contact Us, App Language, and Log Out. The profile setup collects name, email, and gender. Profile completion is prompted via a green badge in the menu. The app supports full Arabic RTL layout switching for a bilingual experience.

Side Menu

Side Menu

Profile Details

Profile Details

Menu — Completed Profile

Menu — Completed Profile

#Screen
1Side Menu
2Profile Details
3Menu — Completed Profile