Case Study / 05


DEPQ.

Elegant mobile-first web interface for religious study and memorization tracking.

The Vision

DepQ is a mobile-first web application designed for managing Qur'an memorization submissions. Built with vanilla JavaScript, HTML, and Tailwind CSS, it offers a clean and responsive interface optimized for daily use.

The app integrates the Qur'an API for surah data and Aladhan API for prayer time synchronization, creating a holistic tool for daily devotional practice.

DEPQ detail 1
DEPQ detail 2

Development Roadmap

Phase 01: UI Design

Designed responsive mobile-first interface using Tailwind CSS for clean, accessible layouts.

Phase 02: API Integration

Integrated Qur'an API and Aladhan API for surah data and prayer time synchronization.

Phase 03: Optimization

Optimized for mobile performance and offline-ready experience for daily use.