igor32648/react-todolist

This is a simple ToDo List Tracker built with React version 18.2.0. The application allows you to manage your tasks efficiently, providing features to add new tasks, edit existing ones, and delete tasks as needed.

React To Do List Tracker 🤓

This is a simple ToDo List Tracker built with React version 18.2.0. The application allows you to manage your tasks efficiently, providing features to add new tasks, edit existing ones, and delete tasks as needed.

Features 🔧

• Add Task: Use the form to add new tasks to your list.
• Edit Task: Edit tasks easily by clicking the "Edit" button associated with each task.
• Delete Task: Remove unwanted tasks from your list using the "Delete" button.

Technologies Used 💻

• React 18.2.0: The application is built using React, a popular JavaScript library for building user interfaces.
• UID: Utilizes the uid package to generate unique identifiers for tasks.
• FontAwesome: Incorporates FontAwesome for a collection of high-quality icons, enhancing the visual representation of tasks.

Getting Started 🙆

To run the application locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/igor32648/react-todolist.git

2. Navigate to the project directory:

   cd react-todolist

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

Visit http://localhost:3000 in your browser to view and interact with the ToDo List Tracker.

Usage 🧚‍♀️

• Adding a Task:

  1. Enter the task details in the provided form.
  2. Click the "Add Task" button.

• Editing a Task:

  1. Locate the task you want to edit.
  2. Click the "Edit" button associated with that task.
  3. Update the task details in the edit form.
  4. Click the "Update" button.

• Deleting a Task:

  • Click the "Delete" button associated with the task you want to remove.

🏋️‍♀️ Feel free to explore and customize the application as needed. Happy task tracking! 🤸‍♂️