Full Stack2026

QuranityAI-Powered Islamic Content Platform

Multi-service Islamic platform combining an OpenAI-powered guidance API, Django REST backend, multilingual public website, content administration dashboard, subscription controls, and cloud-hosted video delivery.

Primary technologies

  • Django REST Framework
  • FastAPI
  • Next.js
  • OpenAI
  • PostgreSQL
  • Celery
  • Redis
  • Docker
  • AWS
Five Quranity mobile screens: shorts, guidance topics, prayer times, Qur'an index, and video library

What this project is

Quranity is a containerized Islamic content platform comprising a multilingual public website, an administration dashboard, a Django API, and a dedicated AI guidance service.

Engineering problem

The platform needed to coordinate user accounts, Islamic guidance, prayer-related data, subscriptions, editorial content, and large video assets across independently deployable services.

Success criteria

Create a unified backend and delivery architecture that supports authenticated product features, AI-assisted guidance, content administration, media processing, and repeatable cloud deployment.

The repository separates the system into Django, FastAPI, and Next.js services; processes video asynchronously with Celery and FFmpeg; stores application data in PostgreSQL and media in S3; distributes assets through CloudFront; and deploys Docker images to an EC2 host through GitHub Actions.

What I designed, built, and shipped

The areas I owned end to end as Full-Stack & DevOps Engineer.

  1. Built Django REST APIs for authentication, subscriptions, prayer tools, blogs, notifications, and video content

  2. Developed a source-aware Islamic guidance service with FastAPI and OpenAI

  3. Implemented asynchronous FFmpeg HLS processing with Celery, Redis, S3, and CloudFront

  4. Automated container builds, AWS infrastructure, EC2 configuration, and production deployment

How the system is structured

  1. Layer 01

    Client layer

    Two Next.js applications provide a localized public website and an authenticated administration dashboard for users, blogs, and video content.

  2. Layer 02

    Application layer

    Django REST Framework exposes JWT-protected APIs for accounts, Google and Apple sign-in, subscriptions, prayer tools, notifications, blogs, and video libraries.

  3. Layer 03

    AI guidance layer

    A separate FastAPI service sends English, Arabic, or Albanian questions to OpenAI using seven configurable Islamic perspectives, conversation context, request limits, and citation extraction.

  4. Layer 04

    Media and cloud layer

    Celery workers use FFmpeg to create HLS playlists and segments, upload generated media to S3 when enabled, and serve those assets through a CloudFront distribution configured by Terraform.

Key technical decisions

Independent application services

The API, AI service, landing page, dashboard, Redis broker, and Celery worker run as separate containers connected through a shared Docker network.

Background video processing

Video uploads dispatch Celery tasks that probe media, generate HLS renditions with FFmpeg, track processing status, and move completed output to object storage.

Separated infrastructure ownership

Terraform provisions EC2, RDS PostgreSQL, S3, CloudFront, networking rules, and an Elastic IP, while Ansible installs and configures Docker, Nginx, Certbot, project files, and service startup.

Technology stack

Applications

  • Next.js 16
  • React 19
  • TanStack Query
  • Redux Toolkit
  • Tailwind CSS

Backend & AI

  • Django 6
  • Django REST Framework
  • FastAPI
  • OpenAI API
  • JWT

Data & Media

  • PostgreSQL
  • Redis
  • Celery
  • FFmpeg
  • HLS
  • Amazon S3
  • CloudFront

Infrastructure & Delivery

  • Docker Compose
  • GitHub Actions
  • Terraform
  • Ansible
  • AWS EC2
  • AWS RDS
  • Nginx
  • Certbot

What the system does

Islamic AI guidance

OpenAI-backed chat with seven guidance perspectives, multilingual responses, conversation history, concise and full modes, rate limiting, and Qur’an or Hadith citation handling.

Identity and subscriptions

Email OTP verification, JWT sessions, password recovery, Google and Apple token login, account management, RevenueCat webhook processing, plans, and feature-usage limits.

Video content pipeline

Administrative workflows for shorts, long videos, series, trailers, and parts, with asynchronous HLS generation and S3 or CloudFront delivery.

Public site and administration

English, Arabic, and Albanian public pages with localized metadata and blogs, plus an authenticated dashboard for user statistics, blog publishing, profiles, and content management.

Challenges & solutions

Challenge 01

Processing large video uploads

Problem

Transcoding video during an API request would tie up web workers and make long uploads difficult to operate reliably.

Solution

The backend delegates HLS generation to Celery workers, records pending, processing, completed, or failed states, and supports either local media or S3-backed output.

Challenge 02

Coordinating multiple production services

Problem

Four application images, a task worker, a broker, persistent media, database migrations, and domain routing must be updated together.

Solution

Docker Compose defines service dependencies and health checks, the backend entrypoint handles database initialization, and GitHub Actions rebuilds images before recreating the EC2 stack.

What was delivered

  1. Delivered a unified repository for four deployable application services and their supporting worker infrastructure.

  2. Established asynchronous, status-aware HLS processing for large video content.

  3. Codified the AWS environment and EC2 host configuration with Terraform and Ansible.

What I took away

  1. Long-running media work should be isolated from request-serving processes and designed around explicit processing states.

  2. A multi-service release needs health checks, persistent storage boundaries, database initialization, and proxy routing to be defined together.

Next step

Building something that needs this kind of backend?

I take on backend, API, and DevOps work — from data modelling and REST design through containerization and production deployment.

A project case study by Md Fahad MirBackend & DevOps Engineer, Dhaka, Bangladesh.