Giter VIP home page Giter VIP logo

lamechagerie's Introduction

La Mechagerie

La messagerie favorite de vos matous.

À propos

La vue principale est composée d'une liste de discussions à gauche et d'une discussion à droite. La discussion affichée dépend de celle qui a été sélectionnée.

Dans une discussion, vous pouvez envoyer un message, privé ou non. Les messages sont regroupés par date.

Capture d’écran 2021-07-20 à 04 05 04

Choix technique

Lorsque vous sélectionnez une discussion dans la liste, un appel à l'API est fait afin de charger celle-ci dépendemment de son id. C'est pour cela que lorsque vous envoyez un message puis changez de discussion, votre message n'apparaîtra plus.

Les appels aux API ont été mocké afin d'afficher des discussions de base (core/services/conversations). Différents setTimeout ont été ajouté afin de mocker au plus proche le délais de réponse des requêtes.

Deux context ont été créé :

  • MainContext qui permet de récupérer toutes les informations concernant les conversations.
  • AuthContext qui permet de récupérer les informations de notre utilisateur suite à un potentiel login.

Scripts disponibles

Prérequis

Il est conseillé d'utiliser la dernière version stable de nodejs.

Dans le répertoire du projet, vous pouvez exécuter :

yarn dev

Exécute l'application en mode développement. Ouvrez http://localhost:3000 pour l'afficher dans le navigateur.

La page se rechargera si vous apportez des modifications.

yarn test

Lance les différents tests.

yarn build

Construit l'application pour la production.

yarn serve

Afin de prévisualiser localement la version de production.

lamechagerie's People

Contributors

amelie52 avatar

Stargazers

Omar Jbara avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.