Exercice with VUE.js & Tailwind.css

• Démo : https://molokoloco.github.io/vues-tailwind-test/dist/

Setup

Le projet est préconfiguré et ready-to-use.

npm ci
npm run dev

Packages disponible

• Tailwind CSS
• SASS

Instruction

Seul ce qui est spécifiquement demandé doit être réalisé

• Ne pas coder l'interface en Pixel Perfect.
• Lorsque je clique sur "+ Créer" dans "Liste des tâches", la modal de création d'une tâche doit s'ouvrir.
• Lorsque je clique sur "Fermer" dans la modal, la modal de création d'une tâche doit se fermer.
• La barre de navigation (en mode mobile) doit être collée en bas de page et suivre le scroll.
• Utiliser exclusivement le sizing de base de tailwind (margin, padding, font-size etc...).
• Possibilité de créer des styles réutilisables dans tailwind.config.js au besoin.
• La card "Passez en Premium" ne s'affichera pas en mode mobile.

Ressources disponibles

• Design.pdf (afficher les pages en taille réelle)
• Les icônes se trouvent dans src/components/Icons
• Les images se trouvent dans src/components/Images et src/assets/images
• Les couleurs et ombres sont préconfigurées dans tailwind.config.js

Temps estimé pour réaliser l'exercice

3 heures