An open API service indexing awesome lists of open source software.

https://github.com/galib-23/task-master


https://github.com/galib-23/task-master

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# React Todo App with Drag-and-Drop Feature

This is a simple todo application built with React.js, React Beautiful DnD, and TypeScript. The app allows users to add, update, and delete tasks with a smooth drag-and-drop feature from active tasks to completed tasks.

## Live Demo

You can view the live demo of the app [here](https://task-master-olive.vercel.app/).

## Features

- **Add Tasks**: Users can add new tasks to the list.
- **Update Tasks**: Users can edit existing tasks inline.
- **Delete Tasks**: Users can delete tasks from the list.
- **Drag-and-Drop**: Tasks can be moved between "Active Tasks" and "Completed Tasks" using smooth drag-and-drop functionality.

## Technologies Used

- **React.js**: A JavaScript library for building user interfaces.
- **React Beautiful DnD**: A library for creating smooth drag-and-drop interfaces in React applications.
- **TypeScript**: A statically typed superset of JavaScript that adds optional types to the language.

## Getting Started

To run the app locally, follow these steps:

1. Clone this repository to your local machine:

```bash
git clone https://github.com/Galib-23/Task-Master.git

2. Navigate to the project directory:

```bash
cd Task-Master

3. Install dependencies:

```bash
npm install

4. Start the development server:

```bash
npm start