user logo
profile picture

Héloïse

Eazyapp

Eazypass

Front-end

React

Back-end

Node, express

Database

MySQL

Other

Redux, Redux-saga, Styled-Components

Description

Le troisième et dernier projet réalisé lors de ma formation à la Wild Code School est le plus représentatif de ce que j'ai pu y acquérir comme compétences. Il s'agit d'un projet de groupe réalisé pour un client réel, EazyPass, proposant des badges d'accès personnalisables. Il s'agissait d'une version démo web pour présenter leur projet d'application mobile à leurs clients.

Fonctionnalités

  • Authentification via Json Web Token
  • Réservation de bureau (28 plages horaires et gestion de pins)
  • Réservation d'une salle de réunion (4 salles de réunion avec 42 plages horaires)
  • Commander son menu du jour en fonction de ses allergies/préférences alimentaires
  • Random lunch entre 4 collègues aléatoirement
  • Commande de fournitures (7 sortes de fournitures)
  • Chat général entre collègues
  • Thème sombre
  • project mockup screensproject mockup screensproject mockup screens

    Ecran d'authentification

    Authentification via Json Web Token

    project mockup screensproject mockup screens

    Ecran d'accueil

    Ensemble des fonctionnalités

    project mockup screensproject mockup screensproject mockup screensproject mockup screensproject mockup screens

    Menu du jour

    Possibilité d'accéder au random lunch et à son profil alimentaire à partir de la section 'menu du jour '. Il est possible de réserver dans cette section son repas du midi. La nourriture et les boissons proposées sont filtrées en fonction des allergies et préférences modifiées dans la section 'profil alimentaire'. Lorsqu'elle est activée par l'utilisateur, la fonctionnalité 'random lunch' offre la possibilité de rencontrer ses collègues lors de la pause repas.

    project mockup screens

    Réservation d'un bureau

    Une fois la date et l'heure séléctionnées, l'application affiche la disponibilité des bureaux à l'aide de pins. L'utilisateur peut ensuite réserver un bureau libre en cliquant sur le pin correspondant.

    project mockup screensproject mockup screensproject mockup screens

    Réservation d'une salle de réunion

    L'utilisateur choisit la salle de réunion en fonction de sa capacité et des équipements présents. Ensuite, il sélectionne la date et le créneau. Enfin, il a la possibilité de partager cette réunion.

    project mockup screensproject mockup screens

    Commande de fournitures

    L'utilisateur choisit la quantité pour chaque fourniture dont il veut passer la commande. Ensuite, il peut accéder à son panier afin de passer commande.

    project mockup screens

    Carte perdue

    L'utilisateur a la possibilité de signaler que sa carte est perdue afin de la désactiver et pouvoir en disposer d'une nouvelle.

    project mockup screens

    Chat

    La fonctionnalité de chat permet l'échange de messages. Il s'agit d'un chat en temps réel créé avec Socket.IO.

    project mockup screensproject mockup screensproject mockup screens

    Profil utilisateur

    Sur son profil, l'utilisateur retrouve toutes les informations personnelles liées à sa carte, ainsi que ses commandes de fournitures, sa réservation de menu, de bureaux et de salles de réunion.