imt-atlantique-fip2021 / fiowebviewer-frontend Goto Github PK

Template used : https://play.tailwindcss.com/v8rGYu62QI?size=920x720

Remarques

• Faire attention à avoir les même configuration que dans le fichier tailwind.config.js du projet !
• Pour utiliser des icones, on se base sur la librairie feather (Dans le playground, j'utilise juste la version svg des icones et je converti après dans react avec le composant de la librairie).
• Pour appliquer des classes en html, on utilise l'attribut class alors que avec React c'est className !

Create an easter egg on NotFoundPage when /gouigoui is submitted

Add error page like 404 / 500 / etc.
Without forgetting issue #1 !

Use to define type inside the project, less bug will be created but maybe the learning curve is too important.

Need to enable dark mode
https://dev.to/tonyketcham/vue-tailwind-2-0-dark-mode-using-vuex-localstorage-and-user-s-default-preference-439g

For ease of development when creating components.

A définir :

• Données à afficher

Can't watch file.. Not enough memory ...

Solved by using echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Cf. https://stackoverflow.com/questions/63142518/system-limit-for-number-of-file-watchers-reached

Add svg more easily via a module like https://github.com/egoist/vue-feather-icons

Header checkbox need to select all checkbox and give the right value when form compared is submitted.

Example: https://stackoverflow.com/questions/33571382/check-all-checkboxes-vuejs#38033792

Test layout divided in 3 zones (like in Nginx Proxy Manager)

Filtre basé sur :

• Date de soumission
• Nom
• Tags

Remove ./assets/resultList.json

Être capable de :

• Sélectionner une ligne de résultat
• Comparer au minimum deux résultats