VueJS Todo List App

Este README também está disponível em Português.

This is a simple to-do list application developed using Vue.js and Bootstrap 5. It was created as part of a learning process and features task creation, filtering, completion status, and component structuring using Vue's best practices.

🔗 Live Demo

Click here to try it live on Vercel

🚀 Features

• Create, view, and complete tasks;
• Filter tasks by status (all, pending, completed);
• Display message when all tasks are completed;
• Clear input field after adding a new task;
• Responsive layout styled with Bootstrap 5;
• Task components: Header, Form, and Task List;
• Language and title set for deployment.

🧠 What Was Learned

• Setting up a VueJS project using the CLI;
• Component creation and reuse with defineProps;
• Conditional rendering with v-if and list rendering with v-for;
• Event handling with @change and input binding with v-bind;
• Filtering logic and state management within components;
• Deploying a VueJS app using Vercel.

🛠️ Technologies Used

• Vue.js (via CLI)
• Bootstrap 5
• HTML5
• JavaScript (ES6+)

📜 Commit Summary

• Project initialized with Vue CLI and Bootstrap;
• Explored conditional rendering, event handling, and state management;
• Built components for layout and task control;
• Implemented logic for task filtering and completion messaging;
• Prepared application for deployment on Vercel.