DZ TODAY
Un site d’actualités algérien en anglais, français et arabe, avec un chatbot qui comprend la darija.
Présentation
DZ TODAY est une plateforme d’actualités trilingue : carrousel d’articles à la une, rubriques société, politique, économie et sport, articles tendance, recherche et pages d’article. Algeria Bot répond aux questions sur le pays en anglais, français, arabe et darija algérienne, et peut lister les derniers titres. Les articles sont servis par Supabase via des fonctions serverless.
Objectifs
- Présenter l’actualité algérienne clairement en trois langues
- Répondre aux questions courantes sur l’Algérie en conversation
Fonctionnalités
- Carrousel à la une, rubriques et articles tendance
- Recherche, filtres par rubrique, tri du plus récent au plus ancien
- Anglais, français et arabe avec mise en page de droite à gauche
- Algeria Bot avec détection de la darija
- Thèmes sombre et clair, inscription à la lettre d’information
Écrans
Points forts
Design
- Thème éditorial sombre avec des accents verts tirés du drapeau
- Grande image d’ouverture avec texte lisible en surimpression
Technique
- API serverless pour les articles, les vues, la lettre d’information et le bot
- Les intentions du bot sont générées en script navigateur à partir du code serveur, pour que les deux répondent toujours de la même façon
Audit du studio
Un design soigné qui n’affichait qu’une erreur sans son serveur.
Constaté
- Sans l’API, la page d’accueil n’affichait que « Could not load news »
- Une balise cassée affichait le mot « link » et empêchait le chargement des polices
- Un script de suivi tiers
- 20 Mo de photos (1,5 à 2,2 Mo chacune)
- Trois titres h1, des champs sans libellé, un défilement horizontal sur téléphone
Corrigé
- Mode démo hors ligne signalé, avec dossiers d’exemple et bot dans le navigateur
- Lien des polices rétabli
- Suivi supprimé
- Photos redimensionnées à environ 2 Mo au total
- Un seul h1, champs libellés, plus de défilement horizontal sur téléphone
Noté sur 10 : fonctionnement, interface, cohérence visuelle, performance, adaptation aux écrans, navigation, architecture, accessibilité, gestion des erreurs et maturité professionnelle.
Démonstration
Le flux en direct nécessite le serveur Supabase. Cette démo affiche sept dossiers d’exemple clairement signalés (des faits vérifiés, pas des actualités) et fait tourner Algeria Bot dans le navigateur.
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.