🏠 Accueil
Benchmarks
📊 Tous les Benchmarks 🦖 Dinosaure v1 🦖 Dinosaure v2 ✅ To-Do List Apps 🎨 Pages Libres 🎯 FSACB - Showcase 🌍 Traduction
Modèles
🏆 Top 10 Modèles 🆓 Modèles Gratuits 📋 Tous les Modèles ⚙️ Modes Kilo Code
Ressources
💬 Prompts IA 📖 Glossaire IA 🔗 Liens Utiles
← Retour aux catégories
Intermédiaire

Accessibilité Mobile pour Seniors

#Accessibilité #UX Design #Inclusion

Adapter une interface existante pour les utilisateurs âgés.

Agis en tant que Consultant en Accessibilité Numérique. On te donne la maquette d'une application bancaire mobile standard avec de petits textes, des boutons fins et des menus déroulants complexes. Ta mission est de réécrire les spécifications de design pour la rendre accessible aux personnes de plus de 70 ans. Détaille les modifications suivantes : 1. La taille de police minimale et le contraste des couleurs recommandés (selon WCAG). 2. La simplification de la navigation ( suppression des gestes complexes, gros boutons). 3. L'utilisation de retour vocal (VoiceOver/TalkBack) pour confirmer les actions. 4. Un exemple de modification concret pour l'écran de virement bancaire.
Débutant

Stratégie ASO Complète

#Marketing #ASO #SEO

Rédiger les métadonnées optimisées pour le référencement sur les stores.

Agis en tant qu'Expert en App Store Optimization (ASO). Nous lançons une nouvelle application de méditation et de sommeil appelée 'ZenMoon'. Crée le contenu de la fiche App Store et Google Play : 1. Rédige un Titre (30 caractères max) et un Sous-titre (30 caractères max) accrocheurs et optimisés pour les mots-clés. 2. Rédige une Description courte (80 caractères max) pour la mise en avant. 3. Propose une liste de 10 mots-clés pertinents pour le référencement naturel. 4. Donne 3 idées d'aperçus (Screenshots) avec le texte à intégrer dessus pour mettre en valeur les fonctionnalités principales.
Intermédiaire

Design de Micro-interactions Tactiles

#UI Design #Animation #UX

Décrire des animations subtiles pour améliorer le ressenti utilisateur.

Agis en tant que Motion Designer UI. Pour une application de messagerie instantanée, tu dois définir les spécifications d'animation (timing, easing, courbe de Bézier) pour trois actions courantes : 1. **Le 'Pull to Refresh' :** Décris l'animation de l'icône qui se charge et le retour élastique quand on relâche. 2. **L'envoi de message :** Décris le mouvement de la bulle de message qui part du bas vers le haut et le petit 'pop' à l'arrivée. 3. **Le 'Swipe to Reply' :** Décris le feedback visuel quand l'utilisateur glisse une bulle sur le côté pour répondre (changement de couleur, apparition d'une icône). Pour chaque cas, précise la durée en millisecondes pour une sensation naturelle et fluide.
Avancé

Architecture Clean Arch avec Flutter

#flutter #dart #architecture #clean-arch

Conception d'une structure modulaire, scalable et testable avec injection de dépendances.

Agis en tant qu'Expert Lead Architect Flutter. Concevais la structure de dossiers complète pour une application bancaire suivant les principes de la Clean Architecture (Domain, Data, Presentation layers). Intègre l'utilisation de GetIt pour l'injection de dépendances et Riverpod pour la gestion d'état. Fournis le squelette de code pour les repositories abstraits et leurs implémentations concrètes, en assurant une séparation stricte des préoccupations pour faciliter les tests unitaires.
Avancé

Refactoring Performances Kotlin Coroutines

#android #kotlin #performance #coroutines

Optimisation d'un code Kotlin existant pour éviter les fuites de mémoire et bloquer le thread UI.

Voici une fonction Kotlin qui effectue des appels réseau et des opérations de base de données sur le thread principal : [INSÉRER CODE PROBLÉMATIQUE]. Analyse ce code, identifie les risques d'ANR (Application Not Responding) et de Memory Leaks. Réécris la fonction en utilisant Kotlin Coroutines et Flow avec une approche reactive programming, en gérant correctement le cycle de vie (lifecycle) et les exceptions.
Avancé

Stratégie de Sécurité Mobile OWASP

#react-native #sécurité #owasp #crypto

Implémentation du chiffrement, pinning SSL et détection de jailbreak/root.

Agis comme un Expert en Sécurité Mobile. Rédige un guide technique pour sécuriser une application React Native qui manipule des données de santé sensibles. Ta réponse doit couvrir : 1. L'implémentation du stockage sécurisé (iOS Keychain / Android Keystore) via une librairie comme react-native-keychain. 2. La mise en place du Certificate Pinning (SSL Pinning) pour prévenir les attaques Man-in-the-Middle. 3. La détection programmative si l'appareil est rooté (Android) ou jailbreaké (iOS) et la réaction appropriée de l'application.
Avancé

Pipeline CI/CD Mobile Intégré

#cicd #devops #fastlane #github-actions

Automatisation du build, tests, signature et déploiement sur les stores via GitHub Actions.

Crée un fichier de workflow GitHub Actions complet pour un projet mobile React Native. Le pipeline doit déclencher sur les branches 'main' et 'release/*'. Il doit : 1. Installer les dépendances Node.js, CocoaPods et Ruby. 2. Exécuter la suite de tests unitaires et E2E avec Detox. 3. Builder l'application (APK/IPA). 4. Utiliser Fastlane pour gérer le code signing (match) et déployer automatiquement la version sur Firebase App Distribution pour les tests QA et TestFlight pour iOS.
Avancé

Animation Gestuelle 60fps en React Native

#react-native #animation #ui/ux #reanimated

Création d'interactions complexes et fluides utilisant le worklet thread et react-native-reanimated.

Développe un composant React Native implémentant un effet 'Swipe to Reply' similaire à iMessage. Utilise react-native-reanimated (version 3) et react-native-gesture-handler. L'interaction doit être entièrement gérée sur le UI thread pour garantir 60fps. Inclut une logique de 'spring physics' pour le retour à l'état initial si le swipe n'est pas assez loin, et une transition d'écran si le seuil est dépassé. Gère les conflits de gestes avec un ScrollView vertical parent.
Débutant

Introduction au Responsive Design

#web-mobile #css #adaptation

Comprendre les bases de l'adaptation d'une interface mobile pour un étudiant débutant.

Agis comme un professeur bienveillant en développement web. Explique-moi le concept de 'Responsive Design' comme si je n'avais jamais codé. Utilise une analogie avec du mobilier ou des vêtements pour expliquer comment une page web s'adapte à un téléphone portable. Donne ensuite un exemple très simple de code CSS utilisant 'media queries'.
Intermédiaire

Planification d'une App Étudiante

#product-management #react-native #architecture

Structurer les fonctionnalités et la pile technique d'une application de gestion de cours.

Je suis étudiant et je veux développer une application mobile pour aider les étudiants de mon campus à trouver des salles de cours libres. Agis en tant que chef de produit. Définis un MVP (Produit Minimum Viable) avec 5 fonctionnalités clés, et conseille-moi sur le choix entre React Native et Flutter pour ce projet spécifique en tenant compte de ma courbe d'apprentissage.
Intermédiaire

Correction de Bugs Mobiles

#debug #flutter #erreur

Aide au débogage et à la correction d'erreurs courantes en développement mobile.

Voici un extrait de code Flutter qui provoque une erreur de rendu dans mon widget : [INSÉRER CODE ICI]. En tant que tuteur de programmation expert, analyse ce code. Identifie la cause exacte de l'erreur, explique-moi pourquoi cela ne fonctionne pas en termes simples, et fournis-moi le code corrigé.
Débutant

Checklist UX Mobile

#ux #design #ergonomie

Liste des meilleures pratiques ergonomiques pour une application intuitive.

Crée une checklist de bonnes pratiques UX/UI spécifiquement pour le mobile. Pour chaque point, explique en une phrase pourquoi c'est important pour l'utilisateur final (ex: taille de la zone de clic, feedback visuel, navigation retour). Le format doit être une liste à puces facile à retenir.
Avancé

Comprendre l'Architecture MVC

#architecture #mvc #structure

Explication du modèle MVC appliqué au développement d'applications mobiles.

Explique le patron d'architecture MVC (Modèle-Vue-Contrôleur) dans le contexte du développement mobile (iOS ou Android). Imagine que je prépare un examen sur la structure des applications. Décris le rôle de chaque composant, comment ils communiquent entre eux, et quels sont les avantages de cette séparation pour la maintenabilité du code.
Débutant

Initiation à l'UI/UX Mobile

#ui #ux #design #bases

Comprendre les bases du design d'interface pour smartphone.

Agis en tant que mentor en design mobile pour un étudiant débutant. Explique-moi les 5 principes fondamentaux de l'UI (Interface Utilisateur) et de l'UX (Expérience Utilisateur) spécifiques aux smartphones. Pour chaque principe, donne un exemple concret d'une application populaire que je connais.
Intermédiaire

Choisir son Framework Mobile

#dev #framework #comparaison #tech

Comparatif des technologies pour un projet étudiant.

Je suis étudiant et je dois développer une application mobile pour mon projet de fin d'année. Compare Flutter, React Native et le développement natif (Swift/Kotlin) en me basant sur : la courbe d'apprentissage, la performance, la taille de la communauté et les ressources disponibles pour un débutant. Recommande-moi le meilleur choix avec justification.