Une recherche de location courte durée autour de soi

Logement d’une nuit est un prototype d’application de type AirBnb côté client. L’application se compose majoritairement de 4 écrans.

Écran Accueil :

Cet écran affiche une liste de biens. Lors du lancement de l’application il s’agit d’une liste correspondant a un listing par défaut. Suite à une recherche, cet écran affichera les résultats de la précédente recherche. Un clic/tap sur une des vignettes renvoie sur le page détail

Écran Recherche :

Cet écran comprend une map interactive en JavaScript. Il y est possible de rentrer des filtres pour le prix ainsi que pour la distance par rapport à l’utilisateur ou à l’adresse recherchée. Lorsque ces données sont envoyées, la map s’actualise pour n’afficher que les biens correspondants. Un clic sur marqueurs affiche quelques infos de la page et permet de voir la page détail pour un bien également.

Écran Détail :

Cet écran affiche tous les détails en rapport avec un bien et présente un bouton qui permet de réserver (placeholder pour le moment).

Démonstration :

Il existe une démonstration vidéo de l’application sans l’écran réservation ici : https://youtu.be/arnALMXhQ9Q

Écran Réservation :

Sur cet écran l’utilisateur rentre ses informations dans le formulaire puis clique sur réserver, ces données sont alors envoyées à la base de données et le bien qui est réservé disparait des résultats de recherches aussi bien sur l’écran d’accueil que sur la carte.

Coté technique :

L’application a été développée sous Cordova pour permettre une compatibilité Android/Ios. Elle est donc codée en JavaScript et les récupérations de données se font à l’aide d’une API PHP sur un serveur distant. Certains biens ne possèdent pas d’image, car pour avoir un jeu de donnée conséquent nous avons utilisé un extrait des listings de location de la ville de Québec. Les images ne sont donc pas hébergées sur le serveur et certaines d’entre elles on été retirées entre la récupération des données et aujourd’hui.

English version :

One night accommodation – Cordova App