https://github.com/sujalpokhrel999/dragit

A Kanban board app that helps users manage tasks with an intuitive drag-and-drop interface. The app allows users to organize tasks, track progress, and collaborate efficiently.
https://github.com/sujalpokhrel999/dragit

kanban productivity-app project-management react task-manager task-organizer task-tracker vercel webapp

Last synced: about 1 month ago
JSON representation

A Kanban board app that helps users manage tasks with an intuitive drag-and-drop interface. The app allows users to organize tasks, track progress, and collaborate efficiently.

• Host: GitHub
• URL: https://github.com/sujalpokhrel999/dragit
• Owner: sujalpokhrel999
• Created: 2024-12-13T10:40:23.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-13T10:44:11.000Z (about 1 month ago)
• Last Synced: 2024-12-13T11:28:30.201Z (about 1 month ago)
• Topics: kanban, productivity-app, project-management, react, task-manager, task-organizer, task-tracker, vercel, webapp
• Language: JavaScript
• Homepage: https://board-alpha-six.vercel.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Kanban Board App

A simple and interactive Kanban board built with React that allows users to manage tasks across three stages: To-do, Ongoing, and Completed. The app supports drag-and-drop functionality for task management, as well as modal-based interfaces for adding, editing, and deleting tasks and containers.

## Features

- **Drag-and-Drop**: Easily move tasks between containers (To-do, Ongoing, and Completed).

- **Task Management**: Add, edit, and delete tasks within each container.

- **Container Management**: Create and manage task containers (e.g., To-do, Ongoing, Completed).

- **Modals**: Interactive modals for adding and editing containers and tasks.

- **Responsive**: The app works well across different screen sizes.

## Technologies Used

- **React.js**: Frontend framework for building the user interface.

- **CSS**: For styling the app and creating the responsive layout.

- **JavaScript**: For app functionality including state management and drag-and-drop features.

## Getting Started

To run this project locally, follow these steps:

### Prerequisites

Make sure you have the following installed:

- [Node.js](https://nodejs.org/)

- [npm](https://www.npmjs.com/) (comes with Node.js)

### Clone the Repository

Clone the repository to your local machine:

```bash

git clone https://github.com/sujalpokhrel999/dragit.git