Exercice with VUE.js & Tailwind.css

Setup

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

npm ci
npm run dev

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.

3 heures

Name		Name	Last commit message	Last commit date
Latest commit History 11 Commits
.vscode		.vscode
dist		dist
public		public
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.prettierrc.json		.prettierrc.json
Design.pdf		Design.pdf
LICENSE		LICENSE
PREVIEW.png		PREVIEW.png
README.md		README.md
deploy.sh		deploy.sh
env.d.ts		env.d.ts
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.config.json		tsconfig.config.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts
vue.config.js		vue.config.js