Heroes Team est une plate-forme de recrutement en ligne sur le jeu-vidéo “Heroes of the Storm” (édité par Blizzard Entertainment). Ce site permet de faciliter la recherche d’équipes pour tous les joueurs de ce jeu. En effet, via sa simplicité d’utilisation et son algorithme, les joueurs peuvent trouver une ou plusieurs équipe(s) sans se fatiguer. L’algorithme trouve parmi la liste des équipes du site, celles qui correspondent le mieux à un joueur. Pour lui, il ne reste plus qu’à réaliser une demande d’adhésion.

Non seulement les joueurs trouvent des équipes, mais ils peuvent prendre part à des affrontement face autres équipes via notre système d’événements. Dans ce système l’utilisateur a la possibilité de créer ou de rejoindre un événement comme bon lui semble. Différentes options se proposent à lui, telles que la date, la durée ou encore les personnes pouvant s’y inscrire (équipes, joueurs…).

Pour garder les héros éveillés, j’ai réalisé un système de partage d’images, baptisé “PhotoSharing“. Les utilisateurs peuvent ajouter des images, les commenter, les aimer…

Lien du site : https://heroes-team.com

D’après moi, le principe de recrutement sur les jeux-vidéo est trop rébarbatif et peu intéressant pour une grande partie des joueurs. Pour avoir analysé cet univers où le jeu en équipe est plus que nécessaire, j’ai décidé de lancer un projet de recrutement, appelé Heroes Team. Dès le début du développement, j’ai commencé à chercher des modérateurs pour m’aider dans cette aventure. Valentin (alias zVaezy) a été le premier à en faire parti, dès le début juin, soit environ un mois avant l’ouverture du site. Peu de temps après, une nouvelle recrue a pris place dans l’équipe d’administration d’Heroes Team, Thibault (alias Larkad).

Ce projet me tient véritablement à coeur, car il est l’un des piliers qui m’a fait avancer dans le monde du développement web. Aujourd’hui, c’est pas moins de 400 utilisateurs inscrits sur mon site, plus de 120 joueurs ainsi qu’une 10 aines d’équipes créées via le système de recrutement du site. Nous réalisons des tournois pour faire vivre la communauté et j’ai prévu la réalisation d’un deuxième site, nommé Over Team, sur le jeu “Overwatch”, mais aussi d’une application mobile servant de hub, permettant aux joueurs de gérer leurs équipes sur les deux sites en même temps.

Le site Front-Office d'Heroes Team

Le site existe depuis bientôt 1 an (le 1er juillet). Il est déjà en version 2.1.0 et ne tardera pas à arriver vers une version 3 (probablement en fin d’été 2018). Ce site développé sous PHP via un design pattern MVC, à l’aide de mon framework Lightwork. Il est passé par de nombreuses étapes, que ce soit le visuel ou encore les fonctionnalités. Pour la prochaine version, je compte le refaire entièrement et uniquement en langage Front-End, c’est à dire que le Back-End sera une API pouvant à la fois s’occuper du site, du bot sur la plate-forme Discord et de la future application mobile. L’API qui va bientôt voir son développement commencer, sera réalisée en PHP et le site quant à lui sous AngularJS ou supérieur (j’y réfléchi encore).

Langages et technologies utilisées (v2.1.0) :

  • Lightwork v2
  • PHP
  • Twig
  • JavaScript (jQuery)
  • SQL

Le site Back-Office d'Heroes Team

Le site d’administration, créé peu de temps après le site Heroes Team, est en train de passer en version 2 avec de nouvelles fonctionnalités pour gérer le site ainsi, qu’un meilleur rendu visuel. Ce site est utilisé et peut être utilisé uniquement par l’équipe du site, composée des Modérateurs, des Streamers, du CM, du Manager, ainsi que moi, l’Administrateur.

Langages et technologies utilisées (v2.0.0) :

  • AngularJS
  • Materialize
  • LocalForage
  • Masonry & ImagesLoaded
  • SweetAlert
  • BBCode

Les APIs d'Heroes Team

Heroes Team dispose de deux APIs à savoir celle pour le Front-Office (site web, bot Discord, application mobile) et celle pour le Back-Office (site d’administration). Ces APIs utilisent toutes les deux le framework Lightwork. L’API du Back-Office est d’ores et déjà créée et utilisée par le site d’administration. L’API du Front-Office par contre est en cours de réalisation. 

Langages et technologies utilisées :

  • Lightwork-API v2
  • PHP
  • JSON

Le bot Discord d'Heroes Team

J’ai réalisé, il y a quelques temps, un bot pour la plate-forme de discussion Discord. Ce bot permet d’exécuter certaines fonctions pour aider les utilisateurs sur notre serveur Discord et faire un lien entre leur compte Discord et leur compte Heroes Team. Il permet entre autres, d’afficher les dernières images que l’utilisateur à postée sur la page PhotoSharing du site, ou encore afficher la liste de ses équipes dans le channel de discussion de son choix.

Langages et technologies utilisées :

  • Node.js
  • DiscordJS
  • Request

L'application Heroes Team

L’application sera bientôt en cours de création.

Langages et technologies qui seront utilisées :

  • AngularJS
  • Materialize ou Onsen UI
  • LocalForage