Quran App

Features

• Schedule List ⏳

  • Add
  • Update
  • Remove
  • Check if is completed
  • Next, Prev Schedule (Sidebar only)

• Surahs List (Sidebar) 📃

  • Search
  • Button to read

• Ayah every single day 🔁

  • Button to read

• Surahs List 📃

  • Sort (Number, Alphabet, In List), you can search through every sort results

• Search (English Name, Number of the surah) 🔎

• Surah Card ⬛

  • Add to list
  • Button to read

• Read 📖

  • Info about the surah (Name in english & arabic , Number of ayahs)
  • Text of the Surah
  • Player
  • Buttons go to next and previous
  • Add to list
  • Save active ayah and scroll to it when the page loads

• List 📃

  • Surah
    • Info about the surah (Name in english & arabic , Number of ayahs)
    • Remove from list
    • Button to read

• Schedule List ⏳

  • Schedule
    • Date
    • Title
    • Time
    • Remove Schedule
    • Complete Button

Technologies

• TypeScript
• React
• Next.js
• Redux
• Tainwind
• SASS
• Axios

API 📦