Live Preview of the App : https://react-get-it-done.netlify.app/
The app consists of a single page with a header and a main section. The header displays the app title and a form for adding new tasks. The main section displays a list of tasks, with each task consisting of a checkbox, a label, and an edit button. Users can check off completed tasks, edit the label of a task, and delete a task by clicking the corresponding buttons.
To reorder tasks, users can drag and drop tasks to their desired position within the list.
- Add new tasks with a form
- Edit task labels
- Delete tasks
- Check off completed tasks
- Drag and drop to reorder tasks
This app was built using the following technologies:
- TypeScript
- React
- React Beautiful DnD
Contributions are welcome! To contribute, follow these steps:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature-name - Implement your feature.
- Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin feature-name - Submit a pull request.