Skip to content

Rojoniaina/react-technical-test

 
 

Repository files navigation

Consignes

Vous allez devoir contribuer à un petite application Github. Celle-ci sert à visualiser la discussion autour d'une issue.

Pour démarrer le projet il suffit de faire npm i && npm start

Essayez de réaliser un maximum de tâches en un temps limité à 3 heures. Il est inutile de chercher à réaliser l'ensemble, on sait qu'il faudrait plus de temps que celui imparti et ce n'est pas le but recherché.

📝 Ajouter un champ éditable pour changer d’issue

Pour l'instant on visualise en dur l'issue facebook/react/issues/7901. Permettre à l'utilisateur de visualiser n'importe quelle issue. L'interface est libre, on vous laisse choisir ce qui vous semble pertinent et réalisable dans un temps court.

📝 Lister les utilisateurs participant à la conversation

Lister les utilisateurs sur la gauche de l'écran (dans la sidebar) et afficher le nombre de messages par utilisateur (à coté de leur nom ou pseudo).

📝 Filtrer les utilisateurs

S'appuyer sur liste d'utilisateurs dans la sidebar et ajouter la possibilité de filtrer les messages en masquant certains utilisateurs.

📝 Mettre en forme le contenu

Actuellement les messages sont affichés en texte brut. Ajouter la mise en forme originale : texte en gras, liens, extraits de code, etc.

📝 Ajouter les évènements de la timeline

Sur une issue il peut y avoir d'autres évènements que des messages : ajout d'un label, changement de statut (clôture de l'issue). Afficher ces évènements au milieu de la conversation, en respectant la date de publication.

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 71.1%
  • CSS 15.9%
  • JavaScript 7.8%
  • HTML 5.2%