Ce test a pour but d'évaluer tes connaissances en JavaScript, ReactJS et Typescript. Tu devras réaliser une application permettant l'édition de bannières de publicité.

Le projet est bootstrappé avec Create React App.

L'utilisation des bibliothèques suivantes est attendue :

• material-ui
• react-query
• react-router

Le thème et les comportements UI/UX sont laissés libres, mais l'UI de l'application devra respecter au minimum les besoins fonctionnels exprimés dans les mockups disponibles dans le dossier mockups
Tout ajout ou modification qui sera jugé utile à améliorer l'UI/UX sera bienvenu et devra être justifié.

Nous te mettons à disposition une petite API permettant de récupérer/modifier/supprimer des publicités. Elle a été réalisée avec JSON Server.

Pour lancer l'API en dev : yarn server

URL : http://localhost:3001

GET    /user

GET    /creatives
GET    /creatives/:uuid
POST   /creatives
PUT    /creatives/:uuid
DELETE /creatives/:uuid

Quelques exemples de paramètres fournis par l'API :

• pagination : /creatives?_page=:page&_limit=:limit
• tri : /creatives?_sort=lastModified&_order=desc

Astuce : pour la pagination, le nombre total d'éléments est présent dans la réponse de l'API

Pour démarrer le projet : yarn start

Démarre l'application en mode développement.

URL : http://localhost:3000

Pour lancer les tests : yarn test

• application TypeScript, disponible sur un repo git
• besoins fonctionnels : lister, éditer et supprimer des bannières
• quelques tests jugés pertinents

Une attention particulière sera portée sur l'architecture du projet, les éventuelles bibliothèques supplémentaires utilisées ainsi qu'à la qualité du code produit.