emmarcaber / to-do-list-reactapp

A simple React application for managing tasks in a to-do list.

React ToDo List

A simple React application for managing tasks in a to-do list.

Features

• Add Task: Add a new task to the list using the input field and the "Add" button.

• Delete Task: Remove a task from the list by clicking the "Delete" button next to the task.

• Move Up: Change the order of tasks by moving a task up in the list using the "Up" button.

• Move Down: Change the order of tasks by moving a task down in the list using the "Down" button.

Usage

1. Clone the repository:

   git clone https://github.com/emmarcaber/to-do-list-reactapp.git
   

2. Navigate to the project directory:

   cd react-todo-list-reactapp
   

3. Install dependencies:

   npm install
   

4. Run the application:

   npm run dev
   

5. Open your browser and visit http://localhost:5173 to use the ToDo List application.

How to Use

• Enter a task in the input field and click the "Add" button to add it to the list.
• Use the "Delete" button to remove a task from the list.
• Change the order of tasks by clicking the "Up" or "Down" button next to the task.

Technologies Used

• React
• JavaScript
• HTML
• CSS