✅ Projet : "Rappen" – Application de gestion de tâches

Lien vers le site :

Rappels avec Vue.js

Technologie : Vue.js 3

Interface du site.

Interface du site.

🎯 Objectif du projet

Développer une application de checklist performante et intuitive, inspirée de l'interface minimaliste de l'application "Rappels" sur iOS. L'accent a été mis sur la fluidité de l'expérience utilisateur et la réactivité de l'interface.

⚙️ Fonctionnalités clés

Gestion dynamique : Ajout, suppression et marquage des tâches comme complétées en temps réel.

Persistance des données : Utilisation du ⁠localStorage⁠ pour que les rappels soient conservés même après la fermeture du navigateur.

Design Système : Interface "Mobile-First" épurée avec une typographie lisible et des interactions tactiles fluides.

🛠️ Stack Technique

Framework : Vue.js 3 (Composition API).

Style : CSS pur / Responsive design.

Outils : Vite (pour le bundling et la rapidité de développement).

Hébergement : Netlify.

🧠 Défis techniques & Apprentissages

Réactivité avec Vue.js : Maîtrise de la réactivité pour mettre à jour instantanément la liste sans rechargement de page.

Architecture des composants : Découpage de l'application en composants modulaires (Header, Input, ListItem) pour faciliter la maintenance.

UX (User Experience) : Répliquer le "look & feel" d'iOS en utilisant les marges, les ombres légères et les transitions douces (CSS Transitions).