[PR #333] [CLOSED] Kanban/Board View #4075

New issue

Closed

opened 2026-03-23 21:36:11 +00:00 by mirror · 0 comments

mirror commented

2026-03-23 21:36:11 +00:00

Owner

📋 Pull Request Information

Original PR: https://github.com/AppFlowy-IO/AppFlowy/pull/333
Author: @hieugao
Created: 2/14/2022
Status: ❌ Closed

Base: main ← Head: feat/kanban-view

📝 Commits (1)

0589d30 feat: add kanban/board view

📊 Changes

6 files changed (+956 additions, -9 deletions)

View changed files

➕ frontend/app_flowy/lib/workspace/presentation/kanban_view/board_page.dart (+162 -0)
➕ frontend/app_flowy/lib/workspace/presentation/kanban_view/kanban_page.dart (+337 -0)
➕ frontend/app_flowy/lib/workspace/presentation/kanban_view/kanban_view_page.dart (+404 -0)
➕ frontend/app_flowy/lib/workspace/presentation/kanban_view/models.dart (+31 -0)
📝 frontend/app_flowy/pubspec.lock (+17 -8)
📝 frontend/app_flowy/pubspec.yaml (+5 -1)

📄 Description

I implemented some of the basic (front-end only) for Board View, it's very primitive at this point and also I have zero knowledge about the back-end. So if anyone is interested please help me to finish the feature.

Current state

https://user-images.githubusercontent.com/13729196/153836842-e5a08131-48b0-4d31-8b2e-762f606ba202.mp4

Tasks

Moving (reordering) Column and Card - the heaviest work is already done thanks to boardview
Add new Column and Card
Edit Column and Card
Delete Column and Card
Add more Card's properties beside title like tags, image, etc
Scrolling using mouse
Focus on new Column when it is out of sight - maybe this could help
Polish the UI to match the design, check out AppFlowy: Brand for more details (including enhancement if the design has any flaws) - I'm currently focusing on the logic (function) side first

Backend:

Glue the front-end code with the back-end (or the app in general)

Contributing

Issue or Discussion - you could open it side this PR
PR - I think you should open it to:
- https://github.com/hieugao/appflowy/tree/feat/kanban-view
- https://github.com/hieugao/boardview
Or DM me on AppFlowy Discord Server if you have any questions

Big Thanks To

(I don't know if tagging them is appropriate so I removed @ sign)

jakebonk - for boardview
invoiceninja - for the reference

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/AppFlowy-IO/AppFlowy/pull/333 **Author:** [@hieugao](https://github.com/hieugao) **Created:** 2/14/2022 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feat/kanban-view` --- ### 📝 Commits (1) - [`0589d30`](https://github.com/AppFlowy-IO/AppFlowy/commit/0589d30cef0dd836687c22b346beae2d6e4d5c43) feat: add kanban/board view ### 📊 Changes **6 files changed** (+956 additions, -9 deletions) <details> <summary>View changed files</summary> ➕ `frontend/app_flowy/lib/workspace/presentation/kanban_view/board_page.dart` (+162 -0) ➕ `frontend/app_flowy/lib/workspace/presentation/kanban_view/kanban_page.dart` (+337 -0) ➕ `frontend/app_flowy/lib/workspace/presentation/kanban_view/kanban_view_page.dart` (+404 -0) ➕ `frontend/app_flowy/lib/workspace/presentation/kanban_view/models.dart` (+31 -0) 📝 `frontend/app_flowy/pubspec.lock` (+17 -8) 📝 `frontend/app_flowy/pubspec.yaml` (+5 -1) </details> ### 📄 Description I implemented some of the basic (front-end only) for Board View, it's very primitive at this point and also I have zero knowledge about the back-end. So if anyone is interested please help me to finish the feature. ### Current state https://user-images.githubusercontent.com/13729196/153836842-e5a08131-48b0-4d31-8b2e-762f606ba202.mp4 ### Tasks - [x] Moving (reordering) Column and Card - _the heaviest work is already done thanks to [`boardview`](https://pub.dev/packages/boardview)_ - [x] Add new Column and Card - [ ] Edit Column and Card - [ ] Delete Column and Card - [ ] Add more Card's properties beside `title` like `tags`, `image`, etc - [ ] Scrolling using mouse - [ ] Focus on new Column when it is out of sight - _maybe [this](https://pub.dev/packages/ensure_visible_when_focused) could help_ - [ ] Polish the UI to match [the design](https://images.squarespace-cdn.com/content/v1/617f6f16b877c06711e87373/1636772749116-RB01WX0STUQOATFOS3QT/project-management-task), check out [AppFlowy: Brand](https://appflowy.gitbook.io/docs/design-documentation/ui-design-system-documentation) for more details (including enhancement if the design has any flaws) - _I'm currently focusing on the logic (function) side first_ Backend: - [ ] Glue the front-end code with the back-end (or the app in general) ### Contributing - __Issue or Discussion__ - you could open it side this PR - __PR__ - I think you should open it to: - https://github.com/hieugao/appflowy/tree/feat/kanban-view - https://github.com/hieugao/boardview - Or __DM__ me on AppFlowy Discord Server if you have any questions ### Big Thanks To _(I don't know if tagging them is appropriate so I removed @ sign)_ - jakebonk - for [`boardview`](https://github.com/jakebonk/FlutterBoardView) - invoiceninja - for the [reference](https://github.com/invoiceninja/admin-portal/search?q=kanban) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>