https://github.com/apfirebolt/fastapi-scrum-master

A Kanban Board application for managing tasks using React and Fast API
https://github.com/apfirebolt/fastapi-scrum-master

fastapi javascript kanban-board python react reactbeautifuldnd tailwindcss

Last synced: 4 months ago
JSON representation

A Kanban Board application for managing tasks using React and Fast API

• Host: GitHub
• URL: https://github.com/apfirebolt/fastapi-scrum-master
• Owner: Apfirebolt
• License: mit
• Created: 2022-12-24T07:13:17.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-10-08T21:33:58.000Z (over 1 year ago)
• Last Synced: 2025-01-15T00:16:03.680Z (5 months ago)
• Topics: fastapi, javascript, kanban-board, python, react, reactbeautifuldnd, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 1.98 MB
• Stars: 9
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Scrum Master Kanban Board using React and FAST API

![FastAPI](https://img.shields.io/badge/FastAPI-005571?style=for-the-badge&logo=fastapi)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

## Tech Stack

The project back-end is created using Fast API in Python and React is used for the front-end. Tailwind CSS classes are used to style the UI components. It uses "react-form-hooks" for validating forms and Redux for state management. For the database "Postgres" has been used.

## Introduction

It is a simple Kanban board application where you have four status 'To Do', 'In Progress', 'In Review' and 'Done'. You can create a generic task item and then through Kanban drag and drop dashboard, you can move items and save the updated status.

It has supoort for multi-user authentication.

It now supports project CRUD operations. A task can be a part of a project. A slide-show component using the library react-awesome-slider was also added recently.

## Updates

27/12/22 : Added Admin panel with support of being able to add users and tasks, modify any user or task for admin role user type.

1/5/23 : Scheduler was added which shows a custom calendar and all the tasks you have for a given date. Custom calendar is made using dayjs library in Javascript.

28/8/23 : Project module added with CRUD operations, a task might be associated with a given project. Error handling has been improved.

## Screenshots

The style might be a subject to change in the future for this project. But, as of now this is how few pages look like

Add Task form.

![alt text](./screenshots/add_task.PNG)

Kanban board displaying all the tasks which is the core feature of this application.

![alt text](./screenshots/kanban.PNG)

A working demo of the application in form of video can be found here https://www.youtube.com/watch?v=oJZs_70UR2E

## Deployment using Docker containers

```sh

$ docker-compose up -d --build

$ docker-compose exec web alembic upgrade head

```