Démo interactiveApplication Android · compagnon islamique

Al-Yaqiinاليقين

Horaires de prière, le Coran complet avec récitation, adhkar et qibla — dans une application sereine et bilingue.

Accueil — prochaine prière et verset de l’heure
Horaires de prière
Liste des sourates

Présentation

Al-Yaqiin est un compagnon islamique pour Android pensé d’abord en arabe. Il localise l’utilisateur, calcule les horaires de prière du jour et décompte jusqu’à la prochaine, ouvre chacune des 114 sourates avec une récitation verset par verset, et propose les adhkar du matin, du soir et d’après la prière avec un compteur. L’interface est sombre, en verre dépoli, conçue pour une utilisation à une main.

Objectifs

  • Réunir les outils de la pratique quotidienne en un seul endroit, sans distraction
  • Fonctionner en arabe et en anglais avec une mise en page de droite à gauche correcte
  • Livrer une application Android installable à partir d’une seule base de code web

Fonctionnalités

  • Horaires de prière en direct selon la position, avec compte à rebours
  • Dates hégirienne et grégorienne
  • Les 114 sourates, filtres mecquoises/médinoises, recherche, audio des versets avec choix du récitateur
  • Collections d’adhkar avec compteurs et progression
  • Direction de la qibla
  • Favoris et signets
  • Notifications natives de prière et d’adhkar sur Android

Écrans

Sur un vrai téléphone

Points forts

Design

  • Palette vert profond et or avec cartes en verre dépoli
  • Grande typographie arabe pour les versets, texte latin compact pour l’interface
  • Navigation inférieure adaptée au pouce, onglet actif mis en valeur

Technique

  • Une base React compilée pour le web et enveloppée par Capacitor pour Android
  • Un plugin Capacitor natif sur mesure planifie les notifications de prière
  • Horaires et texte du Coran issus d’API publiques ; l’état utilisateur reste sur l’appareil

Audit du studio

7.0Initial
8.0Final

Une application solide et fonctionnelle, avec de vraies données. Nous avons corrigé ce qui l’aurait desservie en production.

Constaté

  • Une notification de test oubliée se déclenchait 10 secondes après chaque lancement (« If you see this, notifications are working! »)
  • Les images d’en-tête utilisaient des chemins absolus et se cassaient dans un sous-dossier
  • Un traceur de l’outil d’IA ayant généré la première version restait dans la page
  • Les appels de notifications natives provoquaient des erreurs dans le navigateur

Corrigé

  • Notification de test supprimée
  • Les images se résolvent depuis le chemin de base
  • Script de suivi tiers supprimé
  • Les appels natifs sont ignorés hors Android

Noté sur 10 : fonctionnement, interface, cohérence visuelle, performance, adaptation aux écrans, navigation, architecture, accessibilité, gestion des erreurs et maturité professionnelle.

Démonstration

Démo interactive

Il s’agit de la même version web que celle intégrée à l’application Android. Les notifications sont une fonction Android et sont désactivées dans le navigateur.

Voir le projet
Démarrer un projet

Vous voulez quelque chose de ce genre ?

Dites-nous ce que vous construisez. Nous répondrons avec des questions honnêtes, une démarche claire et la prochaine étape.