Inspiration

On a été inspiré, tout d’abord, par la pandémie mondiale que nous vivons actuellement. On sait que les gens ont besoin de connecter avec d’autres gens pour leur santé mentale. On sait aussi qu’il y a beaucoup d’inégalités dans le monde. On s’est donc dit que les gens avait besoin d’une nouvelle manière de connecter ensemble et de se faire entendre. De plus, le fait que les médias sociaux d’aujourd’hui ont tous le même format nous ont forcé à créer un nouvelle manière de socialiser.

What it does

PostBoard permet aux utilisateurs du monde entier d’être regroupés sur un même board et de voir les posts de tous les gens. Les utilisateurs se déplacent sur le board et peuvent voir les posts posés à par les gens sur la carte.

Les utilisateurs peuvent créer un post qui peut inclure une image, du texte ou de la musique. Dans le cas de la musique, elle est jouée sur les ordinateurs de tous les utilisateurs qui passent proches. Le volume du son est proportionnel à la distance du post (audio spatial).

Plus un post est aimé (liker), plus il grandit en taille et peut donc être vu de plus loin par les gens qui passent. Pour aider à trouver des posts, il est possible de chercher des posts spécifiques en fonction du message.

How we built it

Nous avons construit cette infrastructure en utilisant un serveur Flask et un client développé en Angular. Le tout est hébergé sur un serveur OVHCloud. De plus, un domain name a été associé (postboard.tech).

Challenges we ran into

Créer une carte infinie où les utilisateurs peuvent se déplacer et zoomer sur des endroits précis Développer une infrastructure qui permet l’affichage de plusieurs images, textes et sons sur une carte infinie (charger et décharger les posts en fonction des mouvements de l’utilisateur) Déploiement sur un serveur hébergé (problèmes avec HTTPS et CORS policy)

Accomplishments that we're proud of

Déplacement de l’utilisateur et zoom dans la carte et l’affichage des posts en fonction du zoom et de la position Fetch les posts au bon moment Audio spatial

What we learned

Déploiement sur des serveurs hébergés Nginx Stack Angular-Flask

What's next for Post Board

Voir les utilisateurs qui sont proches Créer des groupes d’utilisateurs qui sont associés à un endroit Ajouter un support pour des vidéos

Share this project:

Updates