https://github.com/wisembly/exo-webdev-webinte

https://github.com/wisembly/exo-webdev-webinte

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/wisembly/exo-webdev-webinte
• Owner: Wisembly
• Created: 2021-01-08T08:29:13.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-01-08T13:14:36.000Z (about 5 years ago)
• Last Synced: 2025-01-20T21:56:31.101Z (about 1 year ago)
• Size: 1.28 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Exo Wisembly poste de webdesigner / webintegrateur

Le but de cet exercice est de tester les aptitudes d'intégration de candidats pour le post susnommé (ça claque comme mot non ?), les aptitudes de design étant bien souvent visibles via portfolio. L'idée est de faire réaliser au candidat une simple vue mobile d'un composant de Wisembly, si possible sur la stack technique front de Wisembly.

La vue à réaliser est la suivante :

![](maquette.png)

Il s'agit d'un redesign de l'interface Wisembly (release date Q1 2021), montrant un document en cours de présentation, et mettant le focus sur le composant d'Acceptance, permettant à un participant de donner son avis sur le contenu qui lui est présenté.

Le candidat s'attachera à reproduire le layout global (topbar, content, navbar), et soigner l'interaction du module d'Acceptance (fermé, ouvert, prise en compte de la réponse). Comme tous les états ne sont pas représentés sur ce design (états de transition, état sélectionné), le candidat est libre de réfléchir à l'UI/UX lui semblant la plus adaptée.

## Stack technique

La partie front de Wisembly est du [React.js](https://fr.reactjs.org/) + [Material-UI](https://material-ui.com/). Il est conseillé au candidat de l'utiliser, afin de se rendre compte si cet environnement de travail lui conviendrait pour ce poste. Nous conseillons de passer par [React create app](https://github.com/facebook/create-react-app) afin d'avoir très rapidement le boilerplate nécessaire.

## Assets

Le projet dispose d'assets situés dans le dossier `assets/`. Les codes couleurs dans `maquette.couleurs.png`. Il manque 3 emoji sur les 5 de la maquette (je n'ai pas réussi à remettre la main dessus ¯\_(ツ)_/¯), si le temps et le coeur t'en disent, tu peux les redessiner pour montrer tes talents, sinon, tu peux dupliquer les svg existants aussi.

## Livrables

Le candidat livrera un repository Git (sur Github, Gitlab, Bitbucket, etc..) permettant de voir l'historique de ses commits.

## Pour toute question

`guillaume@wisembly` ou `christophe@wisembly.com`

Good luck !