Git Product home page Git Product logo

shahednasser / quran-extension Goto Github PK

View Code? Open in Web Editor NEW
83.0 5.0 13.0 1.47 MB

Replace the new tab page with Quran verses and beautiful nature pictures.

Home Page: https://chrome.google.com/webstore/detail/quran-in-new-tab/hggkcijghhpkdjeokpfgbhnpecliiijg?authuser=1

License: MIT License

JavaScript 88.35% CSS 5.46% HTML 6.20%
islamic quran extension quran-audio quran-translation quran-web chrome-extension chrome hacktoberfest

quran-extension's Introduction

Quran In New Tab

Quran In New Tab

Replace the new tab page with Quran verses and beautiful nature pictures. The verses and pictures are randomly generated hourly. You can choose to show or hide your top sites.

You can find the firefox extension here

Download

Add the chrome extension here.

Hijri Dates

You can show today's Hijri date and holidays, if there are any.

Recitations

You can play an audio of the recitation of the verse shown. You can choose from the following reciters:

  • Mashary Rashid Alafasy
  • Abdallah Basfar
  • Abdurrahmaan As-Sudais
  • Abdul Samad and many more.

Translations

You can turn on the translation for the verses. Some of the languages available for translations are:

  • English
  • German
  • Spanish
  • Indonesian
  • Italian and many more.

Athkar

Starting from version 1.0, you can show randomly generated Athkar on your new tab as well.

Prayer Times

Starting from version 2.1.2, you can now see prayer times and change their calculation method from the settings

Credits

Issues

If you find any issues or bugs, please create a Github issue.

License

Copyright © 2021 Shahed Nasser

Licensed under the MIT License.

quran-extension's People

Contributors

aboqasem avatar allcontributors[bot] avatar emranshaikk avatar murtuzaalisurti avatar shahednasser avatar

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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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  avatar  avatar

quran-extension's Issues

Should a Formatter be Used?

I wonder whether a formatter (such as Prettier) could help format the source code. It could also help maintain consistency throughout the project. Would that be useful and make sense in this project?

Favorite Ayah

Based on feedback from multiple users, we should add the ability to favorite an Ayah, and then view favorites.

Add Search Engine

Based on feedback from a user, we should add the ability to keep the search engine bar in the extension.

Wrong Hijri Date

Today is 19/8/2021 and 10 Muḥarram 1443 in IRDT or UTC +4:30, but the extension displays 11 Muḥarram 1443.
Maybe add a setting to fix the day of the month by +1 & -1 options, or update Hijri date from an online time provider.

Problem with audio

when I open two tabs and make a reload in the second one, the audio of the first one changes to be the same as the second tab without change in the verse text.

Add the option to choose background image

Based on feedback from users, we should add the option to choose a background image/group of images.

A nice addition would be to provide an option to specify an Unsplash collection as well.

Better Screenshots for Chrome Web Store

I am not that great when it comes to design in general, and so the screenshots of the extension in the Chrome Web Store are lacking. It would be great if someone can design/work on something better. Something that showcases the features of the extension, but also looks nice.

Keep in mind that Chrome requires the screenshots' dimensions to be 1280x800.

Optionally, the following promo images are needed in case the app gets featured in the future. However, this is not required:

  • Small image of dimensions 440x280
  • Large image of dimensions 920x680
  • Marquee image of dimensions 1400x560

Increased Padding

I feel a increase in padding around the content may make the user interface better. Especially near the Gregorian date.

Translate the extension to many languages

Hello everyone,

I have been working on this extension for like a year and a half now. It has users from all over the world including the middle east, Indonesia, France, Italy, and others as well.

So, I would like to translate this extension to other languages to help other users using it. Would appreciate anyone's help on this.

Here are the languages that need to be translated:

  • Arabic (I can work on this but if someone would like to help that's fine as well).
  • French
  • German
  • Indonesian
  • Italian
  • Malay
  • Spanish
  • Turkish

To help with the translations, I have a Crowdin project ready. If you have any other languages that you think you can translate please let me know by commenting below.

Thank you.

Add Option to Refresh Ayah on every new tab

Based on feedback from multiple users, we should add the option to refresh Ayah on every new tab.

However, due to limitations in the APIs being used, I think the best approach to this is to refresh Ayah on every tab if a minute has passed since the last refresh.

Change Ayah every new tab

Hello, thanks for this awesome extension,
I suggest to show up random ayah every time you open new tab, without pressing reload button at the left corner, just like Alathkar.
also you can add buttons to get to the next or previous ayah.

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.