All projects
Next.jsTailwind CSSCache APITypeScriptQuranIslamic App

Miracle

A modern Quran reader application that helps you read, listen, and interact with the Quran. Save favorite pages, track your Khatmah progress, search verses instantly, listen to recitations, and explore tafsir and translations with a beautiful reading experience.

Live siteView on GitHub

The challenge

Create a complete Quran reading experience with advanced features while keeping it fast, accessible, and easy to use.

The solution

Build a modern Quran platform with Next.js, Tailwind CSS, and a focus on performance, smooth navigation, and user-friendly Islamic tools.

Results

Beautiful and easy-to-use Quran reading interface
Save and manage favorite Quran pages
Morning and evening Azkar organized by categories
Tasbeeh counter with daily goals tracking
Complete Dua for Quran completion (Khatmah)
Track Quran completions and view achievement history
Fast smart search across Quran verses
Listen to Quran recitations from famous readers
Full dark mode and light mode support
Access Tafsir Al-Muyassar and Tafsir Al-Jalalayn
English Quran meaning translations available
Color verses and add personal reading marks
Smooth gesture-based navigation between pages
Built with modern technologies like Next.js and Tailwind CSS
Optimized for speed and a smooth reading experience

Tech stack

Next.jsTailwind CSSCache APITypeScriptQuranIslamic App

More projects

Scrolla

The most powerful EPUB reader with notes, highlights, cloud sync, and audiobook mode. Free…

View project OlumJS

Lightweight frontend library for SPA development. No framework to learn — vanilla JS is al…

View project Zing

Real-time chat app built with Next.js and WebSockets. Create or join chat rooms and exchan…

View project
Work with meeissapk@zohomail.com