Quranic is a feature-rich, high-performance open-source application designed for Muslims worldwide. It offers a beautiful and seamless experience for reading the Quran, tracking prayer times, and much more—all built with a modern tech stack focused on speed and simplicity.
- 📖 Digital Mushaf: Highly readable, swipable Quran pages using modern rendering.
- 🕋 Prayer Times (Solah): Accurate calculation for your location including Adhan notifications.
- 🕌 Hijri Calendar: Seamlessly transitions between Gregorian and Hijri dates.
- 🧭 Qiblah Finder: Precise direction finding using your device's compass.
- 🤲 Daily Adhkaar: Curated morning, evening, and various other supplications.
- 🎧 Audio Recitation: Stream and listen to beautiful Quran recitations.
- 🔍 Advanced Search: Quickly find any Ayah or Surah.
Quranic is split into two main components: a feature-packed mobile application and a sleek web frontend.
- Framework: Expo (React Native)
- Language: TypeScript
- Styling: Native components and custom design system
- Icons: Lucide React Native
- Libraries: Adhan (Prayer Times), Moment Hijri, Expo Audio, Reanimated.
- Framework: Next.js 15+
- Styling: Tailwind CSS 4
- Animations: Framer Motion
- Icons: Lucide React
To get the project running locally, follow these steps:
- Node.js (v18 or higher)
- npm or pnpm
git clone https://github.com/musamusakannike/quranic.git
cd Quraniccd mobile
npm install
npx expo startcd frontend
npm install
npm run devWe welcome contributions! If you're interested in improving Quranic, feel free to fork the repo and submit a PR.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
Made with ❤️ for the Ummah.