Giter Club home page Giter Club logo

quran-id's Introduction

Al-Quran dan Terjemahan

Al-Quran with Indonesian Translation built with Vue Quasar Framework

Data source

This app use quran data from quran.com-api. Thanks for this great works. Baarakallahu fiihum.

Install

If you want to run this project into your own development server and maybe making any changes, you can do that by follows these steps below. And please note, use this project for helping people as humanity project (DON'T INCLUDES ANY ADS TO THE APP).

It is also mentioned by the developer of Quran.com, he tell me on Quran.com Discord Server that we can use the data (espesially when I asking for quran images & quran audio from everyayah.com) only if the app is free (no ads, no charge, etc).

About quran audio from everyayah.com

if your app isn't for money (no ads, etc) and is respectful of the word of Allah then 👍

About quran images from android.quran.com

you can just use the quran mobile images if it's again for free no charge app etc.

  1. Fork/download this project
  2. Enter to the project direcotry via CMD/Terminal
  3. Run: yarn install
  4. Run: yarn dev for development (automatically will opening the browser)
  5. Run: yarn build for production
  6. Enjoy!

Note:

For the production build, I use /quran-id as the publicPath for building on GitHub Pages. So, maybe you want to change it. Please take a look at build.publicPath in quasar.conf.js

Screenshots

Screenshot

Powered by ngekoding.github.io

quran-id's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

gianpratamadev eliash9 mohsinalimat irfanhaidermomin novantrio whuzzz asepanwarspd crtwb adisetiawan yufork amalindonesia mohamad-supangat spiritbroski goedangapps ipang-dwi hermawandwinanto blackscarft ordinaryender ekohendratno rielcfb ryanbekabe emhayusa dariyanto mhdrmaulana bianca2190 thrashline

quran-id's Issues

error when i deploy in vercel

[21:54:11] Running build in Washington, D.C., USA (East) – iad1 (Hive)
[21:54:11] Cloning github.com/ppg00/quranweb (Branch: main, Commit: 32db43b)
[21:54:11] Previous build cache not available
[21:54:12] Cloning completed: 762.18ms
[21:54:12] Running "vercel build"
[21:54:12] Vercel CLI 32.1.0
[21:54:13] Warning: Detected "engines": { "node": ">= 10.18.1" } in your package.json that will automatically upgrade when a new major Node.js Version is released. Learn More: http://vercel.link/node-version
[21:54:13] Installing dependencies...
[21:54:13] yarn install v1.22.17
[21:54:13] warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[21:54:13] [1/5] Validating package.json...
[21:54:13] [2/5] Resolving packages...
[21:54:14] [3/5] Fetching packages...
[21:54:27] [4/5] Linking dependencies...
[21:54:27] warning " > [email protected]" has incorrect peer dependency "axios@~0.21.1".
[21:54:27] warning " > [email protected]" has unmet peer dependency "[email protected]".
[21:54:27] warning " > [email protected]" has unmet peer dependency "vue@^2.0.0".
[21:54:27] warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
[21:54:27] warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0".
[21:54:33] [5/5] Building fresh packages...
[21:54:34] success Saved lockfile.
[21:54:34] Done in 20.41s.
[21:54:34] Running "yarn run build"
[21:54:34] yarn run v1.22.17
[21:54:34] $ quasar build -m pwa
[21:54:34]
[21:54:34] Build mode........ pwa
[21:54:34] Pkg quasar........ v1.18.5
[21:54:34] Pkg @quasar/app... v2.2.10
[21:54:34] Debugging......... no
[21:54:34] Publishing........ no
[21:54:34]
[21:54:34] Browserslist: caniuse-lite is outdated. Please run:
[21:54:34] npx browserslist@latest --update-db
[21:54:34] Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
[21:54:34] Configured browser support (at least 88.52% of global marketshare):
[21:54:34] · Chrome for Android >= 94
[21:54:34] · Firefox for Android >= 92
[21:54:34] · Android >= 94
[21:54:34] · Chrome >= 85
[21:54:34] · Edge >= 91
[21:54:34] · Firefox >= 83
[21:54:34] · iOS >= 11.3-11.4
[21:54:34] · Opera >= 75
[21:54:34] · Safari >= 12
[21:54:34]
[21:54:34] App · Reading quasar.conf.js
[21:54:34] App · Transpiling JS (Babel active)
[21:54:36] App · [GenerateSW] Will generate a service-worker file. Ignoring your custom written one.
[21:54:36] App · Extending PWA Webpack config
[21:54:36] App · Cleaned build artifact: "/vercel/path0/dist/pwa"
[21:54:36] App · Generating Webpack entry point
[21:54:36] App · Compiling with Webpack...
[21:54:36] App · Compiling PWA...
[21:54:36] �[0m�[97m�[41mError�[0m�[90m:�[0m�[37m �[0m�[97merror:0308010C:digital envelope routines::unsupported�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mhash�[0m�[90m:�[0m�[93m69�[0m�[37m �[0m�[37mnew Hash�[0m
[21:54:36] �[0m �[0m �[0m�[90mnode:internal/crypto/hash:69:19�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mnode:crypto�[0m�[90m:�[0m�[93m133�[0m�[37m �[0m�[37mObject.createHash�[0m
[21:54:36] �[0m �[0m �[0m�[90mnode:crypto:133:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mcreateHash.js�[0m�[90m:�[0m�[93m135�[0m�[37m �[0m�[37mmodule.exports�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/util/createHash.js:135:53�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m417�[0m�[37m �[0m�[37mNormalModule._initBuildHash�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:417:16�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m471�[0m�[37m �[0m�[37mhandleParseError�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:471:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m503�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:503:5�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m358�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:358:12�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m373�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:373:3�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m214�[0m�[37m �[0m�[37miterateNormalLoaders�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:214:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m221�[0m�[37m �[0m�[37miterateNormalLoaders�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:221:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m236�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:236:3�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m130�[0m�[37m �[0m�[37mrunSyncOrAsync�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:130:11�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m232�[0m�[37m �[0m�[37miterateNormalLoaders�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:232:2�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m205�[0m�[37m �[0m�[37mArray.�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:205:4�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mCachedInputFileSystem.js�[0m�[90m:�[0m�[93m55�[0m�[37m �[0m�[37mStorage.finished�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[enhanced-resolve]/lib/CachedInputFileSystem.js:55:16�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mCachedInputFileSystem.js�[0m�[90m:�[0m�[93m91�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[enhanced-resolve]/lib/CachedInputFileSystem.js:91:9�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m
[21:54:36] node:internal/crypto/hash:69
[21:54:36] this[kHandle] = new _Hash(algorithm, xofLen);
[21:54:36] ^
[21:54:36]
[21:54:36] [ �[0m�[97m�[41mError�[0m�[90m:�[0m�[37m �[0m�[97merror:0308010C:digital envelope routines::unsupported�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mhash�[0m�[90m:�[0m�[93m69�[0m�[37m �[0m�[37mnew Hash�[0m
[21:54:36] �[0m �[0m �[0m�[90mnode:internal/crypto/hash:69:19�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mnode:crypto�[0m�[90m:�[0m�[93m133�[0m�[37m �[0m�[37mObject.createHash�[0m
[21:54:36] �[0m �[0m �[0m�[90mnode:crypto:133:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mcreateHash.js�[0m�[90m:�[0m�[93m135�[0m�[37m �[0m�[37mmodule.exports�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/util/createHash.js:135:53�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m417�[0m�[37m �[0m�[37mNormalModule._initBuildHash�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:417:16�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m471�[0m�[37m �[0m�[37mhandleParseError�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:471:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m503�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:503:5�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mNormalModule.js�[0m�[90m:�[0m�[93m358�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[webpack]/lib/NormalModule.js:358:12�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m373�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:373:3�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m214�[0m�[37m �[0m�[37miterateNormalLoaders�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:214:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m221�[0m�[37m �[0m�[37miterateNormalLoaders�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:221:10�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m236�[0m�[37m �[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:236:3�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m111�[0m�[37m �[0m�[37mcontext.callback�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:111:13�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mloader.transform-quasar-imports.js�[0m�[90m:�[0m�[93m23�[0m�[37m �[0m�[37mmodule.exports�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[@quasar]/app/lib/webpack/loader.transform-quasar-imports.js:23:15�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m119�[0m�[37m �[0m�[37mLOADER_EXECUTION�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:119:14�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m120�[0m�[37m �[0m�[37mrunSyncOrAsync�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:120:4�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m �[0m�[90m-�[0m �[0m�[93mLoaderRunner.js�[0m�[90m:�[0m�[93m232�[0m�[37m �[0m�[37miterateNormalLoaders�[0m
[21:54:36] �[0m �[0m �[0m�[90m[path0]/[loader-runner]/lib/LoaderRunner.js:232:2�[0m
[21:54:36] �[0m �[0m
[21:54:36] �[0m] {
[21:54:36] opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
[21:54:36] library: 'digital envelope routines',
[21:54:36] reason: 'unsupported',
[21:54:36] code: 'ERR_OSSL_EVP_UNSUPPORTED'
[21:54:36] }
[21:54:36]
[21:54:36] Node.js v18.17.0
[21:54:36] error Command failed with exit code 1.
[21:54:36] info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
[21:54:37] Error: Command "yarn run build" exited with 1

[Feature Request] Add mode - sound per word

Assalamu'alaikum

Sebelumnya terima kasih karena sudah beberapa minggu ini saya memakai aplikasi anda, dan itu sangat simple untuk dibaca di handphone :)

Apakah dimungkinkan untuk menambahkan mode agar ayat nya bisa dibaca per kata saat kata tersebut di klik seperti di quran.com
Untitled-2

Saya rasa ini akan memudahkan kita melafalkan dengan benar, apalagi dengan fitur pewarnaan tajwid sekarang, saya rasa itu akan sangat membantu bagi mereka yang ingin mengetahui cara pelafalan yang benar

Terima kasih

Tidak bisa play audio

Assalamu'alaikum. Sebelumnya salam kenal mas.Terima kasih sudah membuatkan aplikasi ini. Semoga dengan adanya aplikasi ini, banyak orang yg mampir untuk sekedar membaca. Dan semoga Allah membalas semua amal baik ada, menjadi amal jariyah masnya kelak.

Sebelumya saya sudah deploy aplikasi ini di http://alquranindonesia.web.id. Namun ketika saya play audionya, ternyata tidak mau keluar. Ada eror javascript. Sebelumnya saya sangat pemula dalam bahasa pemrograman vue, nodejs dan javascript bahkan bisa dikatakan baru belajar. Mohon bimbinganya mas. Terima kasih

Wassalamu'alaikum

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.