Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 54 additions & 0 deletions sprint_board.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@


## Name of your project - Sprint Board


My project `Sprint Board` is actually based on a real-life situation of using Kanban boards in various projects across software companies. Kanban boards are `visual task organization tools` that can help manage and oversee the projects' development faster and more accurately. You can move tasks from one column to another with a `drag and drop` action until they are completed.

Various teams plan short-term assignments aiming on the completion of the project requirements and using this `Sprint Board`, they can keep a track on how many dependencies, incidents, requests or tickets have been logged and completed and then accordingly a plan for the next steps can be decided. A list of tasks can be created and the progress can be tracked.

The Sprint Board can help visualize work, limit work-in-progress and achieve maximum efficiency.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍


**The final webpage will look like the layout shared:**

![layout](sprint_board.png)

**Dependencies**

```
1. React- scripts, dom
2. prop-types
3. Firebase
4. react-beautiful-dnd
5. jest
6. bootstrap
```


**Tasks**

1. A login page to be created using `Firebase Authentication`.
2. The task page will display three different components for the tasks monitored:
- To-do
- In-progress
- Complete
3. Each Task card will have the `Title` and the `Category or the Department` related to it.
4. `Add Task Card ` functionality needs to be included to add new assignments.
5. Each Task Card needs to include a `drag and drop` functionality for the users to update assignment status.
6. The completed tasks need to have a check box ticked.
7. The webpage must store the tasks added using Firebase Database.
8. The application is deployed and functional.

**nice to have**

Add a filter to sort task according to the category or department it is related to.


**Plan**

* May 28- June 3: Create tasks page with each component and render it without error.
* June3- June10: Add drag and drop functionality, checkbox and the filter.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you have issues making your own drag and drop functionality, it looks like there are some good libraries that provide the functionality. https://github.com/atlassian/react-beautiful-dnd

* June 10-June 15: Improve CSS , write unit tests and deploy the project.



Binary file added sprint_board.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.