Bilingual (English / Arabic) Firebase-hosted business website for Alrayyan Tower — a commercial real estate complex in Amman, Jordan. Presents four business verticals with a public storefront, a Firestore-backed booking system, and a protected admin panel.
🌐 Live: alrayyanjo.com
Visit alrayyanjo.com for the live experience.
- Bilingual EN / AR — full site content and layout in both languages
- Firestore Booking System — visitors submit visit requests per listing, managed in real time
- Admin Panel — protected dashboard for reviewing, approving, or rejecting bookings
- Four Business Verticals — office floors, arts, fashion, and land listings
- Automated Email Notifications — Firebase Cloud Functions + Nodemailer send confirmations and status updates
Vanilla HTML / CSS / JS · Firebase Hosting · Cloud Firestore · Firebase Cloud Functions (Node.js) · Nodemailer (Outlook/Microsoft 365 SMTP)
| Section | Description |
|---|---|
| Office Spaces | Floor listings with availability and booking |
| Arts | Paintings & sculptures gallery |
| Fashion | Clothing and accessories |
| Land | Investment plots for sale |
Firebase Hosting (static files)
├── HTML/CSS/JS pages (bilingual)
├── js/firebase-config.js → Firestore + Auth init
└── Cloud Functions (Node.js)
├── onBookingCreated → email admin on new booking
└── onBookingStatusChanged→ email customer on approve/reject
git clone https://github.com/omaralrayyan7/alrayyan.git
cd alrayyan
npx serve . # static preview (no Firebase features)
# Full setup with Firebase features:
cd functions && npm install
firebase deploy --only functionsYou'll need your own Firebase project config in js/firebase-config.js.