ChaiKeshab/Todo-App

Simple Todo App

A minimalistic todo app built with React js.

Table of Contents

• Introduction
• Features
• Installation
• Usage

Introduction

This is a simple todo app designed for efficient task management. It provides an intuitive interface for creating, editing, and organizing tasks effortlessly.

Features

• Create, edit, and delete tasks
• Mark tasks as completed

Installation

Prerequisites

• Node.js
• React.js
• Vite

Steps

1. Clone the repository:

    git clone https://github.com/ChaiKeshab/Todo-App.git

2. Install dependencies:

    cd todo-app
    npm install
   

3. Start the application:

    npm run dev

Usage

1. Adding a Task:

   • Click on the "+ Add"button.
   • Enter your task in the input field and press Enter or click "Confirm" to add it to the list.

2. Marking a Task as Complete:

   • Click on the checkbox or task itself to mark it as completed.

3. Editing or Deleting a Task:

   • To edit, click on the edit icon and modify it. Press Enter or click "Confirm" to save changes.
   • To delete, click on the delete icon next to edit button
   • To delete all, click on the " - Delete All" button

4. Additional Functionality:

   • Explore additional features like filtering tasks based on status.