Prototypage rapide #4 – Bubble + Tinder

Réalisation d’un MVP du “Tinder” des baskets

Cette vidéo reprend l’exemple du “Tinder des baskets” que nous faisons lors des ateliers >Contournement>. Il s’agit d’une appli très basique qui permet à un utilisateur de s’inscrire puis de choisir ses baskets préférés dans une liste en utilisant la mécanique du swipe de Tinder. Puis sur son profil, la liste des baskets s’affiche.

Les étapes

  • Création de l’application dans Bubble
  • Ajout du logo et d’un fond d’écran sur la page d’accueil
  • Ajout du template “login sign up form”
  • Création de la page de profil
  • Ajout d’un workflow pour que le sign up redirige sur la page de profil
  • Création d’une page “swiper” qui contiendra la pile tinder
  • Ajout du plugin “TInder pile” et ajout de l’élément sur la page
  • Création du type “sneakers” dans la base de données et remplissage avec 4 éléments pour qu’on puisse tester
  • Ajout d’un champ dans le type “user” qui permette de stocker les baskets préférées
  • Configuration de la Tinder pile pour qu’elle affiche des baskets
  • Ajout d’un workflow pour que lors d’un swipe sur la droite, la basket soit ajoutée à la liste des préférées de l’utilisateur
  • Ajout d’un repeating group sur la page de profil pour afficher les baskets préférées de l’utilisateur
  • TEST 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *