VueJS TodoList est une application web de gestion de tâches développée avec Vue.js, Ionic Vue, Pinia et Firebase.

Ce projet m’a permis d’apprendre à construire une application moderne, modulaire et réactive avec :

• Vue 3
• Vite
• Pinia (gestion d’état)
• Firebase
• Docker
• Ionic Vue

• ✅ Ajouter une tâche
• 🛠️ Modifier une tâche
• ❌ Supprimer une tâche
• 🔁 Interface dynamique et réactive
• ☁️ Sauvegarde des données avec Firebase
• 📱 Interface basée sur Ionic Vue
• 🐳 Déploiement avec Docker

• Frontend : Vue.js 3
• UI Framework : Ionic Vue
• Gestion d’état : Pinia
• Backend / Base de données : Firebase
• Bundler : Vite
• Conteneurisation : Docker & Nginx
• Langages : HTML5, CSS3, TypeScript, JavaScript

git clone https://github.com/ton-utilisateur/Todolist.git
cd Todolist

L'application utilise Firebase.

1. Créer un compte sur Firebase : 👉 https://firebase.google.com/

2. Créer un nouveau projet Firebase

3. Ajouter une application Web au projet

4. Récupérer les variables de configuration Firebase

Le projet contient un fichier .env.test servant de modèle.

Créer le fichier .env à partir du fichier d’exemple :

cp .env.test .env

Ouvrir le fichier .env puis remplacer les valeurs par celles fournies par Firebase :

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

docker build -t todolist-app .

docker run -p 8080:80 todolist-app

L’application sera accessible à l’adresse suivante :

👉 http://localhost:8080

npm install

npm run dev

Projet réalisé dans un but pédagogique et de démonstration.