Janvier 2022

Todo List

Une application de gestion de tâches

Couverture
Unités d'enseignement mobilisées
Développer
Apprentissages critiques
AC4101 Exploiter de manière autonome un environnement de développement efficace et productif
AC4103 Générer des pages Web ou vues à partir de données structurées incluant des interactions simples
AC4104 Mettre en ligne une application Web en utilisant une solution d’hébergement standard
AC4106 Utiliser et adapter un modèle d’accès aux données
Présentation

Ce site est un projet personnel réalisé pour apprendre à utiliser le framework VueJS dans sa version 3 et la librairie Pinia.

Todo List

Todo List
const todoStore = useTodoStore();
const form = reactive({
  emoji: '🥸',
  name: '',
  color: 'blue'
});
    
const todos = computed(() => {
  return todoStore.sortByCompleted;
})
function createTodo() {
  error.value = todoStore.store(form as unknown as Todo);
  if(!error.value) {
    form.emoji = '🥸';
    form.name = '';
    form.color = 'blue';
  }
}

Voir d'autres réalisations...