Back to Qi
Qi Card housing loan mini-app

Basmayah

Apply for a Basmayah Complex housing loan from your phone, bring a guarantor, and follow the bank's decision all the way to the keys.

Basmayah lets people apply for a housing loan for a home in Basmayah Complex through SuperQi. I built the mini-app over three days, working from the UI/UX team's designs and specifications. The work covered the application forms, documents, review screens and progress views, with Arabic and right to left layouts throughout.

In SuperQi

2 screens

Sign in

1 screen

New request

5 screens

Help and terms

1 screen

Basmayah Complex is a housing development in Baghdad. This mini-app brings the housing loan application into SuperQi, so applicants can enter their information, add documents and follow the progress from their phone.

My responsibility was the mini-app. The UI/UX team had already prepared the designs and a detailed specification. I used that work as the starting point and turned it into a working Arabic interface.

I divided the application into steps for personal information, documents, a guarantor and a final review. People could save a draft and return to where they left off, while the review screen brought everything together before they sent it.

Document attachments needed more than an upload button. I built previews and feedback for each attachment, including a way to retry a failed upload without picking the file again. The progress screens then explained where an application stood and when the applicant needed to do something, such as replace a document.

The whole interface was built for Arabic. I paid attention to the reading order, form layouts and the way numbers sit inside right to left text, so a phone number or reference would still read correctly.

The design work was already in place, which let me spend those three days on implementation. I started with the pieces that would appear across the app, including form fields, document cards, navigation and status views. Reusing them gave me a consistent way to build the remaining screens.

I also built with fictional sample data, so I could open the different screens and review their states without waiting for the backend or using customer information. That kept the interface work moving while I checked how the forms, feedback and navigation fit together.

I used Svelte because its small JavaScript payload suits a mini-app running inside SuperQi.

From 9 to 11 September 2026, I completed the mini-app for the applicant and guarantor journeys. The wider product involved work across the team, and the designs and specifications came from the UI/UX team.

For me, this project shows how much a clear brief and reusable components help when time is short. The result was a connected mobile interface, from starting an application to reviewing it and following its progress.

My role
Software Engineer on the Billing Team
Period
September 2026
Built with
SvelteTypeScriptViteTailwind CSSArabic interfaceMobile web
Ask about Basmayah