https://github.com/vardaan-bhatia/todo-dragndrop

TODO list application built with React and react-beautiful-dnd.
https://github.com/vardaan-bhatia/todo-dragndrop

crud-operation localstorage reactbeautifuldnd

Last synced: 4 days ago
JSON representation

TODO list application built with React and react-beautiful-dnd.

• Host: GitHub
• URL: https://github.com/vardaan-bhatia/todo-dragndrop
• Owner: vardaan-bhatia
• Created: 2024-07-26T11:52:49.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-31T20:53:48.000Z (4 months ago)
• Last Synced: 2024-08-01T00:43:09.761Z (4 months ago)
• Topics: crud-operation, localstorage, reactbeautifuldnd
• Language: JavaScript
• Homepage: https://tododragndrop-three.vercel.app/
• Size: 119 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# TODO List with Drag-and-Drop

This TODO list application built with React and `react-beautiful-dnd` includes features for managing tasks efficiently. Users can add, update, delete, reorder, and mark TODO items as completed. The application also uses local storage to persist TODO items across browser sessions.

## Live Demo

You can view the live demo of the application [here](https://tododragndrop-three.vercel.app/).

## Features

- **Add TODO Items**: Add new tasks to the list.

- **Update TODO Items**: Edit existing tasks.

- **Delete TODO Items**: Remove tasks from the list.

- **Drag-and-Drop Reordering**: Rearrange tasks by dragging and dropping.

- **Mark TODO Items as Completed**: Toggle the completion status of tasks.

- **Local Storage**: TODO items are saved in the browser’s local storage, so they persist even after a page reload.

## Technologies

- **React**: Frontend library for building user interfaces.

- **react-beautiful-dnd**: A drag-and-drop library for React.

- **Tailwind CSS**: Utility-first CSS framework for styling.