Giter Site home page Giter Site logo

apfirebolt / fastapi-scrum-master Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 1.0 2.03 MB

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

License: MIT License

Python 27.83% Mako 0.37% JavaScript 69.33% HTML 1.25% CSS 0.98% Dockerfile 0.24%
fastapi javascript kanban-board python react reactbeautifuldnd tailwindcss

fastapi-scrum-master's Introduction

Scrum Master Kanban Board using React and FAST API

FastAPI NodeJS React

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

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

alt text

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

$ docker-compose up -d --build
$ docker-compose exec web alembic upgrade head

fastapi-scrum-master's People

Contributors

apfirebolt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

rafaelpierre

fastapi-scrum-master's Issues

User register bug

When user registers and then immediately tries to create tasks, it throws auth error

Admin Module

An optional admin module to be added. An admin would have the ability to add/remove users and tasks from the users as well as update those tasks.

Facing issue with Enum fields while using SQLAlchemy and postgres

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.