m5r / klaxoon-test

Home Page:klaxoon-test-mokhtar.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Test technique - Klaxoon

Live preview

Installation

git clone git@github.com:m5r/klaxoon-test.git
cd klaxoon-test
npm i
npm start

Tests

Les tests unitaires ne sont pas fonctionnels. Je n'ai pas pu aller au bout par manque de temps après avoir accordé un peu trop de temps au debug d'un problème lié au render du context provider

Instructions de l'exercice

Cet exercice a pour but d’évaluer vos compétences en JS. Vous devrez réaliser une application de gestion de bookmarks avec React et l'API des Hooks (https://fr.reactjs.org/docs/hooks-reference.html).

L'utilisation de Typescript est également un pré-requis.

Vous implémenterez l'ajout de deux types de liens :

  • vidéo (provenant de Vimeo)
  • photo (provenant de Flickr)

Les propriétés communes d’un lien référencé sont :

  • URL
  • titre
  • auteur
  • date d'ajout

Les liens de type video auront les propriétés spécifiques suivantes :

  • largeur
  • hauteur
  • durée

Les liens de type photo devront avoir en plus les propriétés :

  • largeur
  • hauteur

Il est possible d’avoir des mots-clés pour chaque lien référencé.

La récupération des propriétés d’un lien référencé sont obtenues en utilisant l'API https://noembed.com/.

Pour visualiser et gérer ses liens référencés, l’utilisateur aura une vue principale sous forme de liste paginée avec un bouton d’ajout.

Chaque ligne du tableau doit avoir les informations communes et des liens pour modifier ou supprimer le lien.

La page de modification du lien comporte un formulaire pour ajouter, modifier et supprimer les mots clés associé au lien.

=> Le livrable attendu est l’application sous forme de repository git ou package zip incluant les instructions d’installation.

Il n’est pas demandé de s’attarder sur l’aspect graphique de l’application.

About

klaxoon-test-mokhtar.vercel.app


Languages

Language:TypeScript 84.4%Language:CSS 8.3%Language:HTML 6.1%Language:JavaScript 1.2%