Command Palette

Search for a command to run...

Logo File vault VUE

File vault VUE

07.2024 - 07.2024

  • Vue.js
  • TypeScript
  • Shadcn
  • TailwindCSS
  • Vercel
Capture d'écran de File vault VUE

Description du projet

File Vault Vue est un portage en Vue.js d'un composant d'upload de fichiers initialement créé par un membre de la communauté shadcn/ui pour React.

Le composant original offrait une expérience d'upload moderne avec drag-and-drop, prévisualisation des fichiers, barre de progression et gestion multi-fichiers. Comme il n'existait qu'en React, j'ai décidé de le recréer entièrement en Vue.js pour que la communauté Vue puisse en bénéficier.

Le portage conserve l'ensemble des fonctionnalités : glisser-déposer de fichiers, validation du type et de la taille, prévisualisation des images, progression d'upload en temps réel, et gestion des erreurs. Le composant est stylé avec Tailwind CSS et s'intègre avec les composants shadcn-vue.

Le projet est déployé sur Vercel avec une démo interactive permettant de tester toutes les fonctionnalités directement dans le navigateur.

Technologies utilisées

Ce projet utilise les technologies suivantes : Vue.js, TypeScript, Shadcn, TailwindCSS, Vercel.