Ali Bambozya: An Online Course Platform Custom Web Development

Project Overview

Ali Bambozya is an Arabic content creator and educator who teaches professional, cinematic visual content creation using the latest AI tools from AI-generated video and effects to editing and visual direction, designed so learners can start with no prior experience. He needed more than a course; he needed a platform to sell, deliver, and manage his programs end to end.

HBS delivered a complete online course and membership platform built as three connected applications on a single backend: a marketing storefront with checkout, a private video classroom for enrolled students, and a full admin dashboard that lets Ali run the entire business without a developer.

Business Goals

• Sell courses online to an Arabic-speaking audience with a smooth, localized checkout.

• Deliver a premium, focused learning experience that keeps students watching and progressing.

• Protect paid video content against casual sharing and piracy.

• Give Ali full control over content, courses, students, and payments from one dashboard.

• Build a foundation that scales to more courses and students over time.

The Challenge

Selling and delivering premium video courses brings real engineering problems beyond a normal website:

• An Arabic-first, right-to-left experience across a marketing site, a learning area, and an admin tool.

• Secure video delivery paid lessons must stream smoothly but not be trivially downloadable.

• A reliable checkout with a local Egyptian payment gateway, including success, failure, and access-granting flows.

• Cleanly separating the public storefront, the paid classroom, and the admin while sharing one backend and one login.

Key Features & Deliverables

1) Marketing Storefront

A fast, SEO-ready public site (alibmbozya.com) where visitors discover courses and bundles. Every section hero, "what you'll learn", benefits, testimonials, partners, featured instructor, FAQ, and calls to action is CMS-driven and editable from the dashboard, with dedicated course and product pages.

2) Checkout & Payments

An integrated checkout powered by the Kashier payment gateway, with dedicated success and failure flows. A completed purchase creates an enrollment and unlocks the matching course in the classroom automatically.

3) Student Classroom (LMS)

A private learning area for enrolled students, organized as courses → chapters → videos. Lessons stream from Bunny CDN through a custom player for smooth, protected playback, alongside resources, offers, a profile area, and built-in support.

4) Admin Dashboard / CMS

A complete back office that gives Ali end-to-end control:

• Edit every landing-page section (hero, home, learn, promo, why-us, what-you-get, FAQ, testimonials, partners, students' work, instructor, layout).

• Manage courses, chapters, and videos, plus per-course landing pages and free-lecture / non-subscriber views.

• Track activity through built-in analytics and handle support messages.

5) Authentication, Roles & Access Control

Secure accounts built on Supabase Auth, with roles and permissions and a cross-app session transfer so a student moves from the storefront to the classroom seamlessly after purchase. Content stays gated to the people who paid for it.

6) Dynamic Landing-Page Builder

A flexible section system (hero, learn, FAQ, promo, before-CTA, featured-instructor) that lets Ali restructure marketing pages from the dashboard no code, no developer.

Technology Stack

• Frontend: Next.js 15 + React 19 + TypeScript, Tailwind CSS, and Framer Motion

• Backend & Data: Supabase (PostgreSQL, authentication, and storage)

• Video: Bunny CDN (Bunny Stream) with a React-based player for protected playback

• Payments: Kashier payment gateway

• Architecture: three apps (storefront, classroom, dashboard) on one shared backend

Arabic & Regional Considerations

• Arabic-first, RTL interface across all three applications.

• Local payments via Kashier, tuned for the Egyptian and Arab market.

• Content and tone tailored for an Arabic creator audience.

Project Impact & Outcomes

• A platform Ali owns and runs himself content, courses, students, and payments with no developer in the loop.

• Secure monetization of premium video, protected behind login and access control.

• A clean three-app architecture (storefront, classroom, admin) on one backend that's easy to maintain and extend.

• An extensible foundation ready for new courses, bundles, and students as the brand grows.