Task List Application
A simple task list application built with Vue.js that allows users to manage tasks. This project demonstrates the use of Vue.js for user interface interactions and state management.
Give it a Try: http://188.8.131.52/
- Display a list of tasks.
- Add new tasks to the list.
- Remove tasks from the list.
- Filter tasks based on completion status (all, completed, incomplete).
- Mark tasks as completed and display them differently.
- Responsive design for both desktop and mobile devices.
- Animations for better user experience.
Running the Application Locally
To run the application on your local machine, follow these steps:
- Clone the repository to your local machine:
git clone https://github.com/your-username/task-list-app.git
- Navigate to the project directory:
- Install dependencies:
- Start the development server:
npm run serve
- Open your web browser and go to
http://localhost:8080to view the application.
Correctness of the Application
The application meets the following functional requirements:
- Display tasks in a list.
- Add new tasks.
- Remove tasks.
- Filter tasks by completion status.
- Mark tasks as completed and style them differently.
Code Quality and Organization
The code is well-structured and organized into components. Vue.js is used for state management and user interface interactions.
This project is licensed under the MIT License – see the LICENSE file for details.