Overview
Community centers and mosques constantly lend out their halls and rooms, for lectures, events, classes, and private occasions. Coordinating who booked what, when, and in which room is messy: double-bookings, forgotten requests, and no clear record of approvals. This platform solves that with one shared system where members request a booking, staff review and approve it, and everyone can see room availability in real time, so two events never land in the same room at the same time. It's built for Masjid & Center Al-Hassan (under the Irshad & Islah organization) with a fully Arabic, right-to-left interface, and it works on both web and mobile.
The Challenge
The center already had a workflow. It just lived on paper and over the phone, which meant clashes, lost requests, and no reliable record of who approved what.
- Preventing double-bookings the instant a request is made, not after the fact.
- Keeping a single shared calendar in sync for every staff member, live.
- Serving distinct groups (members who request, managers who approve, and the organization that needs an audit trail), each seeing the right things.
- Doing it fully in Arabic with correct right-to-left layout, across both a web dashboard and a mobile app.
How I Solved It
It's two connected apps sharing one database: a web dashboard built with Next.js / React and Tailwind, and a mobile app built with React Native (Expo). The flow mirrors how the center already operates, just faster and without the paperwork: a member fills in a booking (event title, room, dates and times) after agreeing to the hall's terms; the system instantly checks for conflicts so an already-taken room can't be double-booked; managers are notified and approve or reject; and everyone stays in sync as the shared calendar updates live for all staff within about a second. Role-based access makes sure members, managers and admins each see exactly what they should, and the mobile app uses local caching so screens load instantly.
Key Features
- Interactive booking calendar: a full month view color-coded by status (approved, pending, rejected).
- Instant conflict detection: an already-booked room can't be double-booked.
- Request → approve workflow: members submit, managers review, requesters are notified of the decision.
- Live real-time sync: the shared calendar updates for all staff within about a second.
- Role-based access for members/requesters, managers and admins.
- Fully Arabic (RTL), on both a web dashboard and a mobile app on one shared database.
Results & Impact
The platform is an internal operational tool for one organization, so its value is measured in time saved and clashes avoided rather than revenue. And there it delivers: less admin time, no scheduling conflicts, and a clean audit trail of who booked what and who approved it. It replaces sign-up sheets and back-and-forth phone calls with a single organized system the whole center can trust, and because it's built for a real Arabic-speaking community, the right-to-left experience is first-class rather than an afterthought.