Work

myAvatar

Design
Dev
App
SAE

Clone de Gravatar - Service de gestion d'avatars globaux associés à une adresse e-mail

Interface myAvatar

myAvatar est un clone du célèbre service Gravatar (Globally Recognized Avatar), qui permet aux utilisateurs de créer et gérer un avatar unique lié à leur adresse e-mail.
L’idée est simple : une fois inscrit, votre avatar vous suit partout sur le web où le service est intégré.


Concept principal

Comme Gravatar.com, myAvatar offre un service centralisé d’avatars :

  • Un avatar, une adresse e-mail : vous téléchargez votre image de profil une seule fois
  • Reconnaissance globale : les sites et applications qui intègrent le service affichent automatiquement votre avatar
  • Simplicité : plus besoin de télécharger votre photo sur chaque nouveau site

Fonctionnalités
  • Gestion de compte : inscription, connexion, mise à jour du profil
  • Upload d’avatar : téléchargement et modification de votre image de profil
  • Association e-mail/avatar : chaque adresse e-mail est liée à un avatar unique
  • API d’intégration : possibilité pour d’autres sites d’afficher l’avatar via l’e-mail
  • Interface responsive : design adapté aux mobiles et tablettes

Interface utilisateur myAvatar


Panel d’administration

L’application dispose d’un panel d’administration complet permettant de :

  • Gérer les utilisateurs inscrits
  • Modérer les avatars inappropriés
  • Consulter les statistiques d’utilisation
  • Gérer les paramètres du service

Panel administrateur


Version mobile

L’interface est entièrement responsive et optimisée pour une utilisation sur mobile :

Version mobile


Technologies utilisées
  • Backend : PHP avec architecture MVC
  • Frontend : HTML, CSS, JavaScript
  • Base de données : MySQL pour la gestion des utilisateurs et avatars
  • Gestion de projet : Organisation avec Trello pour le suivi des tâches

Organisation du projet sur Trello


Objectifs pédagogiques

Ce projet m’a permis d’approfondir :

  • La gestion d’uploads de fichiers images
  • La création d’un système d’authentification sécurisé
  • Le développement d’une API REST pour l’intégration externe
  • Les bonnes pratiques de sécurité (hash des mots de passe, validation des données)
  • L’architecture MVC en PHP