Mohammad Radwan

Application de journaling privacy-first alimentée par l'IA intégrée de Chrome. Développée pour le Google Chrome Built-in AI Challenge 2025, elle permet de rédiger, réfléchir et suivre son humeur en toute sécurité avec stockage 100% local.

Fonctionnalités principales :

• Assistant d'écriture IA (prompts contextuels)
• Suivi d'humeur avec analytics et graphiques
• Insights hebdomadaires/mensuels générés par IA
• Suivi de streaks de journaling
• PWA complète avec support offline
• Export/Import des données en JSON

IA utilisée (Gemini Nano) :

• Prompt API - Génération de suggestions
• Writer API - Expansion d'idées
• Rewriter API - Amélioration du texte
• Summarizer API - Création d'insights

Privacy First :

• Zéro tracking ou télémétrie
• Aucune API externe (IA locale)
• Données stockées uniquement sur l'appareil
• Conformité WCAG 2.1 AA

Application éducative inspirée de The Last of Us pour les enseignants de programmation. Permet aux étudiants de partager leur humeur via des emojis et extraits de code, créant un environnement de classe engageant et interactif.

Fonctionnalités clés :

• Formulaire d'expression avec emojis thématiques
• Génération automatique d'extraits de code
• Feed en temps réel des soumissions
• Statistiques de participation live
• Contrôles d'administration
• Export des données pour analyse pédagogique

Usage pédagogique :

• Brise-glace en début de cours
• Engagement et participation active
• Création de communauté étudiante
• Analyse des langages populaires

Public cible :

• BTS SIO - BUT Informatique
• NSI (Numérique et Sciences Informatiques)
• Formations développement web

Application web éducative consommant l'API Quotable pour afficher des citations inspirantes. Projet pédagogique complet avec guide détaillé, environnement Codespaces, et déploiement automatique via GitHub Pages.

Fonctionnalités :

• Récupération de citations aléatoires via API
• Affichage dynamique avec JavaScript moderne
• Design responsive mobile-first
• Gestion d'erreurs robuste
• Interface utilisateur intuitive
• Déploiement automatique GitHub Actions

Concepts enseignés :

• API REST et endpoints
• async/await et promises
• Manipulation du DOM
• Gestion d'erreurs HTTP
• Débogage avec DevTools

Ressources pédagogiques :

• Guide étape par étape détaillé
• Documentation de débogage F12
• QCM d'auto-évaluation
• Code avec indices progressifs

Conception complète d'un outil de gestion de tickets IT pour TechSolutions. Atelier de 3h15 suivant une méthodologie UX professionnelle avec personas, wireframes, et prototype interactif haute-fidélité.

Méthodologie UX appliquée :

• Analyse des interviews utilisateurs
• Création de 3 personas détaillés
• Cas d'utilisation (user stories)
• Wireframes basse-fidélité
• Design UI avec charte graphique
• Prototypage interactif avec transitions

Personas développés :

• Thomas "Le Vétéran" - Accès urgences rapide
• Sophie "La Junior" - Création guidée
• Marie "La Manager" - Vue d'ensemble équipe

Écrans conçus :

• Dashboard avec tickets urgents
• Liste de tickets avec filtres
• Détail de ticket avec historique
• Création de ticket guidée
• Planning technicien

Charte graphique :

• 🔴 P1 Critique - #EF4444
• 🟠 P2 Haute - #F59E0B
• 🟡 P3 Moyenne - #EAB308
• 🟢 P4 Basse - #10B981

Développement complet d'un site vitrine moderne pour MoreFix, entreprise de vente de produits high-tech reconditionnés à Saint-Étienne. Projet réalisé en 5 semaines pendant mon stage avec formation de l'équipe.

Fonctionnalités principales :

• Galerie de produits interactive avec filtres
• Système de wishlist (favoris)
• Formulaire de contact avec Formspree
• Intégration Google Maps et Analytics
• Interface d'administration simple
• Newsletter avec Mailchimp

Optimisations :

• Scores Lighthouse 90+ (tous critères)
• Conformité WCAG niveau AA
• SEO et métadonnées complètes
• Performance optimisée (Core Web Vitals)

Impact mesurable :

• Augmentation de la visibilité en ligne
• Amélioration de l'image de marque
• Augmentation du trafic en magasin
• Équipe autonome sur la maintenance