Back to Projects

Mobile Application Project

Basair

A smart Quran companion designed to make reading, navigation, planning, and interpretation more intuitive through a clean and user-centered mobile experience.

Flutter Dart UI/UX Mobile App AI Features Backend Logic
Basair app preview

Project Overview

Basair is a Quran application built to enhance the reading and learning experience through structured navigation, personalized planning, and AI-assisted interpretation. The app combines spiritual engagement with modern usability, allowing users to move through Surahs, create Quran plans, listen to recitations, and explore explanations in a more accessible way.

My Contribution

Frontend Development

Designed and implemented the app interface with a strong focus on readability, visual consistency, and smooth user interactions across reading, planning, and navigation screens.

Backend & App Logic

Worked on the backend structure using Supabase and logic behind Quran plans, content organization, and app functionality, while supporting the integration of AI-powered interpretation features.

Key Features

Structured Quran reading interface
AI-assisted Tafsir generation
Personalized Quran planner
Quick navigation by Surah and page
Integrated audio recitation
Clean Arabic-first reading experience
Model View View Model Architecture
Supabase Integrated Backend

App Experience

Extended Views

Design Focus

The visual direction of Basair was centered on calmness, clarity, and accessibility. Soft colors, spacious layouts, and clear hierarchy were used to create an experience that feels peaceful while remaining functional and easy to navigate.

Why This Project Matters

Basair demonstrates how thoughtful UI/UX design and application logic can support meaningful digital experiences in religious and educational contexts. It reflects the ability to combine design sensitivity, technical structure, and feature-driven development into a practical and engaging mobile product.

Technologies Used

Flutter, Dart, Backend Development with Supabase, UI/UX Design, Structured Content Mapping, Quran Navigation Logic, and AI-assisted interpretation features.