Quran interface / Interface Coran (Execution du programme en local, voir tout en bas)
30/05/2023 nouveautés :
- Page principale : choisissez une sourate depuis la page principale
- URL : on peut naviguer entre les différente sourates via l'URL, exemple : /2 pour la sourate n°2
- Animation : Chargement des sourates avec une étoile qui tourne
J'utilise l'API de quran.com pour récuperé les versets sous la forme de glyph :
https://github.com/quran/quran.com-api
Et leurs police d'écriture pour transformer les glyphs en verset lisible :
https://github.com/quran/quran.com-frontend-v2/tree/master/app/assets/fonts/quran_fonts/v2/woff2
Fonctions : getSurah(Numéro de la sourate), sert à obtenir toutes les pages de la sourate choisis avec son numéro. Cette fonction est pour le moment disponible dans le fichier najm.js et doit être manipuler en changeant le code source.
Exemple de rendu avec la première page de la sourage 18 (Al-Kahf) :
L'interface se repose principalement sur deux couleurs, une troisième est là pour de futures fonctionnalités, elle est pour le moment utiliser lorsque l'on surligne du text :
Dépendences Node.js : express, ejs
git clone https://github.com/benstitousofiane/najm
cd najm
npm init -y
npm install express ejs --save
node index.js