https://github.com/theanujdev/project-collab-demo

Simple clone of project collab/management services like Jira, Trello, etc. Built with react, bootstrap, drag & drop APIs, state management, etc.
https://github.com/theanujdev/project-collab-demo

bootstrap drag-and-drop react reactjs state-management trello

Last synced: 2 months ago
JSON representation

Simple clone of project collab/management services like Jira, Trello, etc. Built with react, bootstrap, drag & drop APIs, state management, etc.

• Host: GitHub
• URL: https://github.com/theanujdev/project-collab-demo
• Owner: theanujdev
• Created: 2021-09-03T12:24:19.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-06-08T12:26:00.000Z (about 4 years ago)
• Last Synced: 2025-03-05T19:34:53.610Z (over 1 year ago)
• Topics: bootstrap, drag-and-drop, react, reactjs, state-management, trello
• Language: JavaScript
• Homepage: https://project-collab-demo.netlify.app/
• Size: 813 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Project Collab App

## Overview

This project is a simple clone of project collab/management services like Jira, Trello, etc. Users can create ToDo, Doing, Done tasks and update them as well. It uses HTML5 drag & drop APIs to drag cards to different categories. Cards are sorted according to their modified time. State of the data is preserved so you don't lose anything.

## Tech Stack

**Client :** React, React-bootstrap (UI)

## Features

- Multiple categories and columns

- Ordered data

- Validation of data

- Persistent State

- Add, Update or Delete cards

- Drag and Drop cards

- Simple and clean user interface

## Run Locally

- Clone the project

```bash

git clone https://github.com/theanujdev/project-collab-demo.git

```

- Go to the project directory

```bash

cd project-collab-demo

```

- Install dependencies

```bash

yarn install

```

- Start the server

```bash

yarn start

```

## Screenshots

![App Home](https://raw.githubusercontent.com/ProdexOne/project-collab-demo/master/img/home.png)

![Create card](https://raw.githubusercontent.com/ProdexOne/project-collab-demo/master/img/create_card.png)

![Edit card](https://raw.githubusercontent.com/ProdexOne/project-collab-demo/master/img/update_card.png)

## Feedback

If you have any feedback, please reach out at [@theanujdev](https://twitter.com/theanujdev)

## Authors

- [@theanujdev](https://www.github.com/theanujdev)

## License

[MIT](https://choosealicense.com/licenses/mit/)