mazipan / baca-quran.id

📖 Read Qur'an from Your Web Browser. No Ads, No Analytics, It's Totally Free.

👋 Welcome to MZP's GitHub

Meet Irfan a.k.a mazipan, a seasoned web developer from Indonesia with 10+ years of experiences in the e-commerce industry. Most of the time was working with javascript or typescript, using various frameworks to build frontend applications such as react, svelte or vue. Now working at GovTech Edu, Ex @sayurbox, @tokopedia, Bizzy Indonesia, @bliblidotcom, & SML Technologies. Helping OSS projects in PHPID, React.js ID, KawalCovid19, and many more.

🔗 Connect with me

💸 Support me:

I have monthly income from my full-time employment, but you can always support me to pay some of projects those require domain subscription or just to buying some snacks or tea.

• 👉 🇮🇩 Trakteer
• 👉 🇮🇩 NihBuatJajan
• 👉 🌍 BuyMeACoffe
• 👉 🌍 Paypal
• 👉 🌍 Ko-Fi

📊 Stats

Full Stats (click me to toggle 👀)

baca-quran.id's Issues

How to change language to English ?

I see this apps support only Indonesian Language, Can we change translation language to english ?

thanks

Tambahkan ayat kursi

Static html generation

Move all inline SVG to icons component

Read more: https://medium.com/vuejs-id/membuat-icon-svg-component-di-vue-js-647b2b4e3100

Feature Daily Quote / Inspiration

It's nice to have feature that generate some nice picture with verse quote.
Also need to be shareable to social media or image should be downloadable.

An in-range update of vue-loader is breaking the build 🚨

The devDependency vue-loader was updated from 15.6.3 to 15.6.4.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

vue-loader is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Add dark mode theme

For night reading, we like to add dark mode theme

Tambahkan tahlil

More Model for better TypeScript support

[Revamp] Call for Icon Designer

This icon is generated in canva, need better icon to this App.

https://github.com/mazipan/quran-offline/blob/master/static/icon-192x192.png

Q: Are you will get paid for this task?
A: No, it's free.
Q: What you will get for designing icon for this app?
A: You will get free publication for your work.
Q: Can I have a credit title?
A: Sure, you will get it. I will proud to put your name in this App and project.

Wrong ayat kursi

Remove navigation in surah footer

[Reference] https://www.mushaf.id/

Add recitation

http://www.everyayah.com/data/status.php

Iqra

https://www.cakrawalarafflesia.com/2020/09/21/download-buku-iqro-pdf-lengkap/

Add search surah in home

Add bismillah in every beginning of surah except al-fatihah and at-taubah

Add navigation in top of surah

[Bug-UI] - Menu right position not fixed

This menu should have fixed position, so when scroll down it will not goes up.
Also adding border bottom in li is better.

Add translation in asmaul husna

Audio bercampur

Describe the bug
Ketika audio pada quran ayat 1 sedang diputar kemudian memutar audio pada ayat ke 2 hasilnya audio ayat 1 dan 2 bercampur.

Expected behavior
Ketika audio pada ayat 1 sedang diputar kemudian memutar audio ayat 2, seharusnya audio pada ayat 1 berhenti atau pause

Screenshots
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

• Device: Redmi 9
• OS: Android 11
• Browser Brave
• Version 1.33.106

Additional context
Add any other context about the problem here.

Add surah recommendation in homepage

We will create static recommendation based on current day

Migrate to Nuxt 3

Description

Need to migrate to Nuxt 3

Implementation Model

Tasks

• Reduce Vuex/Store usage
• Migrate to Nuxt 3

References:

• https://v3.nuxtjs.org/getting-started/migration/

Add Asmaul Husna

https://jagad.id/99-asmaul-husna-latin-arab-dan-terjemahan-indonesia-inggris/

https://id.m.wikipedia.org/wiki/Asma%27ul_husna

Adding Vuex Store for cross page data exchange

Now we still have no Vuex store, need add this

An in-range update of nuxt-i18n is breaking the build 🚨

The dependency nuxt-i18n was updated from 5.8.1 to 5.8.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

nuxt-i18n is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 7 commits.

• c7f0340 chore(release): 5.8.2
• 1052ef5 chore(deps): Upgrade vue-i18n
• 6391387 chore(deps): update dependency standard-version to v5 (#220)
• e7fa8bf chore(deps): update dependency standard-version to v5
• 31218b2 Merge pull request #217 from nuxt-community/renovate/all-minor-patch
• 77cc393 fix: Set new locale into vuex store module when switching languages (#222)
• ad69240 chore(deps): update all non-major dependencies

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Split surah detail page into a piece of Component

Differentiate all cache version

Add bookmark verse

Sometimes we like to save one verse because it's have fit meaning with our situation, it's nice feature.
We need to add page that showing all these bookmarked list also.

Separate api call in service folder

Add setting page

• show Ayat translation
• show Ayat tafsir
• set theme
• set profile

Cara Install ?

Hallo Maz Ipan!
Gimana Yaa Cara Install Quran Offline

Soalnya Saya Masih Bingung, karena banyak banget struktur foldernya.
Terlebih Saya tidak paham apa" tentang vue js / nuxt js(* Maaf kurang tau namanya 😀) .

Reserved for All Contributors Bot

Remove event bus

Now we still use event bus for sidebar toggle, need to move to vuex store because of redundant methods for saving global state.

How to download and use?

Can you please provide a detailed download and usage guide for beginners?

Add verse go-to in surah

An in-range update of nuxt is breaking the build 🚨

The dependency nuxt was updated from 2.5.0 to 2.5.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

nuxt is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build failed (Details).

---

Release Notes for v2.5.1

Bug Fixes

• fix: revert to corejs@2 (#5317) (Pooya Parsa) (20836d9)
• fix: remove consola.debug for hooks (#5318) (Thomas Reichling) (9ff01f9)
• fix: apply default lock options before setting lock (#5320) (Pim) (7c24280)
• fix(ts): wrong export used in render.d.ts (#5309) (Romain Lanz) (e67b298)
• examples: upgrade and fix typescript configuration files (#5310) (Romain Lanz) (7100a2c)
• chore: unsupport nuxt-legacy (pooya parsa) (797a4ce)

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Fix back button

Need to save state to go back.

Add cache for all data has been fetched

Add save latest read verse

We need to save in localStorage for latest read.

Cache versioning should not in all cache

Now all cache will have versioning, and when we raise the version it will affect all cache.
All user specific cache should not have version and persistent in each device.

[Revamp] Call for UI/UX designers

This project is developed by myself and designed by my opinion.
Need help from a UI/UX designer to revamp the whole experience to be better.

Q: Are you will get paid for this task?
A: No, it's free.
Q: What you will get for designing this app?
A: You will get free publication for your work.
Q: Can I have a credit title?
A: Sure, you will get it. I will proud to put your name in this App and project.

serve fails

Executing the yarn dev command on Windows 7 outputs below and just hangs:

Admin@Admin-PC MINGW32 ~/Desktop/quran-offline (master)
$ yarn dev
yarn run v1.7.0
$ cross-env NODE_ENV=development nodemon server/index.js --watch server
[nodemon] 1.18.10
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: C:\Users\Admin\Desktop\quran-offline\server/**/*
[nodemon] starting `node server/index.js`
C:\Users\Admin\Desktop\quran-offline\nuxt.config.js:1
(function (exports, require, module, __filename, __dirname) { import { SurahConstant } from './constant/surah'
                                                                     ^

SyntaxError: Unexpected token {
    at new Script (vm.js:79:7)
    at createScript (vm.js:251:10)
    at Object.runInThisContext (vm.js:303:10)
    at Module._compile (internal/modules/cjs/loader.js:657:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
[nodemon] app crashed - waiting for file changes before starting...

---

other information:

$node --version
v10.15.0

$php --version
PHP 7.3.1 (cli) (built: Jan  9 2019 22:43:14) ( ZTS MSVC15 (Visual C++ 2017) x86 )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.3.1, Copyright (c) 1998-2018 Zend Technologies
    with Xdebug v2.7.0, Copyright (c) 2002-2019, by Derick Rethans

Add offset in surah detail

Current condition, we need to show all verse in one surah ini one page. This Made DOM unresponding when open hugh surah.
Need to split based on offset.

My idea is to add query parameters in url, so we can show based on offset.
offset will be start_verse and end_verse

Delay request for surah detail page

Do not using asyncData for surah data, just request after mounted.

Change color theme

Check https://uigradients.com/#Quepal if like to using gradient theme color

Tambahkan daftar doa harian

Share verse to social media

Add ability to share to our social media in verse

The last verse is not visible

.surah_nav[data-v-41770ebc] {
/* position: fixed; */

artinya pada ayat terakhir suka tidak terlihat karena tertimpa dengan div .surah_nav

Wrong wording tafsir

Related with rioastamal/quran-json#2