Kanban Board

To help you improve productivity, break down big tasks into smaller tractable components and visualize them on this project management tool.

Launch App: https://cs162-kanban.herokuapp.com/

Keywords: Python, Flask, SQL, WTForms, HTML, CSS, bcrypt, Heroku;

Features:

• Signup/Login with password encryption
• Add Task (including Task Title, Task Description, Due Date)
• Delete or Move Tasks in Kanban Board
• Responsive web design, compatible with PC/Mobile

Features coming soon:

• Forgot/Reset password
• Create multiple kanban boards (for work, school, etc.)
• and more...

Run locally

1. Clone repo
2. Load Terminal from root directory, and type following commands
3. Create and activate virtual environment

name@Desktop/kanban ~ % python3 -m venv .venv
name@Desktop/kanban ~ % source .venv/bin/activate

4. Install dependencies

(.venv) name@Desktop/kanban ~ % pip install -r requirements.txt

5. Launch app

(.venv) name@Desktop/kanban ~ % flask run

6. Open http://127.0.0.1:5000/ in browser

UI Screenshots

Loaded Kanban Board

Empty Kanban Board

Features

+ Signup - Create a new account

+ Login to existing account

+ Add New Task (Title + Description + Due Date)

+ Hover on double-arrow symbol for options to move task to another column or delete

+ Hover over task title to read task description on a pop-up

SQL Database

Users

Tasks

References

• Marcelomd. (2014). flask-wtf-login-example. Retreived from https://github.com/marcelomd/flask-wtf-login-example
• Pretty Printed YouTube Channel. (2017). "Creating a Todo List App With Flask and Flask-SQLAlchemy". Retreived from https://youtu.be/4kD-GRF5VPs and https://github.com/PrettyPrinted/youtube_video_code/tree/master/2017/09/27/Creating%20a%20Todo%20List%20App%20With%20Flask%20and%20Flask-SQLAlchemy
• Pretty Printed YouTube Channel. (2017). "Build a User Login System With Flask-Login, Flask-WTForms, Flask-Bootstrap, and Flask-SQLAlchemy". Retreived from https://youtu.be/8aTnmsDMldY and https://github.com/PrettyPrinted/youtube_video_code/tree/master/2017/09/27/Creating%20a%20Todo%20List%20App%20With%20Flask%20and%20Flask-SQLAlchemy
• Rithm School. Password Hashing with Bcrypt in Flask. Retreived from https://www.rithmschool.com/courses/intermediate-flask/hashing-passwords-flask