ToDo List Application

A simple ToDo List application built using Vue.js and Vite.

Features

• Add tasks to your ToDo list
• Mark tasks as completed
• Mark a priority level
• Edit existing tasks
• Remove tasks from the list

How to Use the Edit Feature

To edit a task in the To-Do List, follow these steps:

1. Find the task you want to edit in the task list.

2. Click on the task text to activate the editing mode.

3. The task text will become an input field where you can make changes.

4. Modify the task text as desired.

5. Press the Enter key to save the changes and exit the editing mode.

   • Alternatively, you can click the "Save" button to save the changes.

6. If you decide not to save the changes, you can click the "Cancel" button to exit the editing mode without modifying the task.

7. The task will be updated with the new text you entered.

Please note that you can only edit one task at a time. Once you finish editing a task, you can proceed to edit another task if needed.

Feel free to experiment with the edit feature to update your tasks and keep your To-Do List organized!

Technologies Used

• Vue 3 - JavaScript framework for building user interfaces
• Vite - Build tooling for modern web development
• TypeScript - Typed superset of JavaScript
• Nuxt - Vue framework for server-side rendering and static site generation
• Tailwind CSS - Utility-first CSS framework
• Pinia - State management for Vue
• pnpm - Package manager

Getting Started

Prerequisites

• Node.js (version 12 or above)
• pnpm (install globally with npm install -g pnpm)

Installation

1. Clone the repository:

   git clone https://github.com/isabellacgmsa/teste-frontend.git
   

2. Navigate to the project directory:

cd teste-frontend

3. Install the dependencies using pnpm: pnpm install

Usage

Start the development server:

pnpm dev

Open your browser and visit http://localhost:5173 to access the application.