/TaskFlow

A Web3Bridge Cohort XI Pre-qualification Exercise

Primary LanguageJavaScript

Task Management Application

A simple web application built with React.js for managing daily tasks. Users can add, edit, delete tasks, mark them as complete, and view completed tasks.

Features

  • Add new tasks with a title and description.
  • Edit existing tasks to update details.
  • Delete tasks that are no longer needed.
  • Mark tasks as complete and view a list of completed tasks.
  • Tasks are persisted using local storage to maintain state between sessions.

Getting Started

To run the application locally:

  1. Clone this repository:

    git clone https://github.com/Gifftybabe/TodoIst.git

  2. Navigate into the project directory:

    cd TodoIst

  3. Install dependencies using npm:

    npm install

  4. Start the development server:

    npm start

  5. Open http://localhost:3000 to view the app in your browser.

Usage

Adding a Task

  1. Enter the title and description of the task in the input fields under "Add Task".
  2. Click on the "Add" button to add the task to the list.

Editing a Task

  1. Click on the "Edit" icon next to the task you want to edit.
  2. Update the title or description in the input fields that appear.
  3. Click on the "Update" button to save your changes.

Completing a Task

  1. Click on the checkmark icon ("Complete") next to a task to mark it as complete.
  2. The task will be moved to the "Completed" list, displaying the completion timestamp.

Deleting a Task

  1. Click on the trash can icon ("Delete") next to a task to delete it from the list.

Technologies Used

  • React.js
  • JavaScript (ES6+)
  • HTML5 & CSS3

License

This project is licensed under the MIT License - see the LICENSE file for details.