AppyLove

Crédit photo de couverture : athree23 / Pixabay

Première page du site (lorsqu’on arrive dessus, page index)

Présentation du projet

• Quoi ? Aaah ❤️ Appy Love ❤️ Vous avez deviné ? Il s’agit d’un site de rencontres 🙂 réalisé en équipe >> lien du projet sur Github <<
• La principale fonctionnalité développée du site a été la mise en place d’une conversation (ou chat) privée

• Qui ? Nous étions 4 développeuses web junior
• Pourquoi ? Trouver l’amour en ligne ce n’est pas nouveau. Ceci étant dit, devant l’ampleur de la crise sanitaire de 2020, à l’heure du télétravail, des entretiens d’embauche en visio, chercher son âme sœur demande également de s’adapter, voire c’est devenu un vrai challenge. On ne peut plus se rencontrer dans les mêmes conditions, en personne ! C’est dans ce contexte que s’est placé notre projet, que nous avons trouvé, ainsi, encore plus d’actualité.

Technologies utilisées

• le framework Symfony
• HTML5/CSS3
• Bootstrap
• JavaScript/jQuery
• MySQL, PHPMyAdmin
• PHP Storm, l’éditeur de texte pour PHP

Gestion de projet web

• Trello, gestion de projet en ligne (planning des tâches)
• GitHub pour gérer les différentes versions du code (versioning ) à plusieurs

Les étapes du parcours utilisateur et fonctionnalités du site

1. Inscription
2. Connexion
3. Affichage des profils inscrits
4. Possibilité de modifier son avatar = son profil et mot de passe
5. Recherche et sélection d’un profil selon ses intérêts
6. Accès à un chat privé et historique de conversation
7. Déconnexion

(Voir captures d’écran ci-après)

Méthodologie

• Analyse Benchmarking : Sites comparés : Meetic, Cupid, Lovoo, Tinder, AdopteunMec, Elite rencontre, Fiesta, Stradivarius

• Réflexions sur l’interface et le parcours utilisateur
  • Approches UX – UI Design
  • Création des wireframes

• Choix graphiques 
  • Intégration des templates : Roxy, Message chat box, navbar with profile
  • Site du logo :  “https://fr.freelogodesign.org”

• Création du modèle
  • Réflexion et modélisation du système de base de données
  • Création de la base avec cmder (console) /Symfony

• Production
  • Lancement du projet Symfony
  • Développement des fonctionnalités dans une conceptualisation Orientée Objet et une architecture MVC
  • Ecriture des lignes de code sous PHP Storm

Captures d’écran