/Todo

ToDo App using React

Primary LanguageJavaScript

To-Do Application

This is a simple To-Do application built using ReactJS, Framer Motion, and Redux. It allows users to add, remove, update, and complete tasks.

Features

  • Add a new task with a title and description.
  • Mark tasks as completed.
  • Delete tasks.
  • View all tasks, active tasks, or completed tasks.

Technologies Used

  • ReactJS: A JavaScript library for building user interfaces.
  • Framer Motion: A library for adding animations to React applications.
  • Redux: A predictable state container for JavaScript applications.

Getting Started

  1. Clone the repository:

    git clone https://github.com/KetanKumavat/Todo.git

  2. Install dependencies:

      cd todo-app
  npm install

  3. Run the application:

    npm run dev

  4. Open http://localhost:3000 to view the application in your browser.

Usage

  • Add a new task by entering a title and description in the input fields and clicking the "Add" button.
  • Mark a task as completed by clicking the checkmark icon next to the task.
  • Delete a task by clicking the trash icon next to the task.
  • View all tasks, active tasks, or completed tasks by clicking the corresponding buttons.