SPOTOTO

Un lecteur audio communautaire

Spototo est une application web destinée à être utilisée pour écouter une playlist de musique Spotify dans un salon ouvert à plusieurs utilisateurs, ou accessible par mot de passe. Qu'il soit public ou privé, c'est par son intermédiaire que chaque internaute peut écouter, ajouter une chanson à la playlist générale, converser et ainsi profiter d'une expérience agréable avec ses amis ou des inconnus. Spototo est un projet que j'ai avec deux amis ingénieurs informatique, et que nous avons imaginé pour répondre à un besoin que notre entourage rencontre souvent: comment, lors de festivités, permettre à chacun de proposer son petit morceau de musique lorsqu'il n'y a pas de DJ pour animer l'évènement ? Il faut une application facile d'utilisation qui va permettre à chacun d'envoyer dans une playlist générale un ou plusieurs morceaux, qu'un savant algorithme va répartir équitablement.

Rôle

  • Graphiste
  • Lead dev front
  • Architecte junior

Quand ?

2023

Technologies

Icône de reactIcône de nextIcône de typescriptIcône de figmaIcône de dockerIcône de gitIcône de mantineui

Missions

  • Intégration web React et Next.js
  • Mise en place architecture Clean Code
  • Connexion via OAuth2 Spotify
  • Ouverture, modification, fermeture d'un salon
  • Accéder à un salon et écouter la musique qui s'y joue et y ajouter un morceau
  • Responsive design strict
  • Messagerie instantanée
  • Système de monnaie virtuelle pour rendre l'interaction équitable
Séparateur de texte

Navigation simple, gros boutons et couleurs bonbon pour parler un peu à tout le monde: c'est notre objectif. Nous voulons que notre application soit simple à utiliser et avons opté pour une esthétique moins conventionnelle. Les écrans sont épurés pour ne laisser apparaître que les fonctionnalités que l'on recherche; lorsque l'on est à un évènement, on désire aller le plus vite possible à la sélection de chansons, la lecture de texte est superflu.

Page d'accueil de Spototo

Page d'accueil de Spototo

Ensuite, l'utilisateur va choisir si il souhaite créer un salon ou en rejoindre un déjà existant.

Choix entre créer et rejoindre

Choix entre créer et rejoindre

De là, il peut choisir de renseigner les informations du nouveau salon, ou bien sélectionner dans la liste des salons celui qui l'intéresse.

Page de création d'un salon

Page de création d'un salon

Page de sélection d'un salon

Page de sélection d'un salon

Enfin, l'utilisateur va arriver sur la page principal du salon, à partir de laquelle il va pouvoir écouter la musique, discuter et ajouter un nouveau son. Si il est administrateur, il pourra même faire pause à la musique, ce qui n'est pas une mauvaise chose si la police pointe le bout de son nez minuit passé...

Page d'un salon

Page d'un salon

Et si le coeur lui en dit, il pourra rechercher un son sur Spotify via notre application et l'ajouter à la playlist en cours.

Page de recherche d'un son Spotify

Page de recherche d'un son Spotify

Cette application est un petit projet par rapport aux précédents, toutefois elle me permet de tester mes capacités en tant que chef de projet et de continuer à me former en tant qu'architecte logiciel. Je continue chaque jour à me former, j'aime mon métier et je prends plaisir à créer toujours plus d'applications !