/To-Do-List

To-do list application

Primary LanguageJavaScript

React To-Do Application

This is a simple To-Do application built with React and Redux, using React-Bootstrap for styling and responsiveness. The application allows users to add, view, edit, and delete tasks, as well as mark tasks as completed. The tasks are saved in local storage to ensure data persistence across page reloads.

Features

  • Add Task: Users can add a new task using the input field and the "Add Task" button.
  • View Tasks: All added tasks are displayed in a list format.
  • Edit Task: Each task has an edit button that opens a modal for editing the task.
  • Delete Task: Each task has a delete button to remove the task from the list.
  • Toggle Task Completion: Each task has a checkbox to mark it as completed or not completed.
  • Persistent Storage: Tasks are saved to local storage to maintain state across page reloads.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Redux: A predictable state container for JavaScript apps.
  • React-Redux: Official React bindings for Redux.
  • React-Bootstrap: Bootstrap components built with React.
  • Bootstrap: The world’s most popular front-end open-source toolkit.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Make sure you have the following installed on your system:

  • Node.js (>= 12.x)
  • npm (comes with Node.js)

Installation

  1. Clone the repository:

    git clone https://github.com/Chetan-Jalandharia/To-Do-List.git
    cd To-Do-list
  2. Install the dependencies:

    npm install

Running the Application

To start the development server, run:

npm run dev

The application will be available at http://localhost:5173.