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.
- 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.
- 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.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.
Make sure you have the following installed on your system:
- Node.js (>= 12.x)
- npm (comes with Node.js)
-
Clone the repository:
git clone https://github.com/Chetan-Jalandharia/To-Do-List.git cd To-Do-list
-
Install the dependencies:
npm install
To start the development server, run:
npm run dev
The application will be available at http://localhost:5173.