The tree grows as you complete more tasks

🌳 Task Tree

Looking to add a bit of spice to your boring, everyday TODO apps? Task Tree serves to cheer you up by tracking your progress in the form of a little Bonsai tree which grows the more tasks you accomplish.

🤗 Coconspirators

Joel Beilis - Full stack dev & Design

Vanessa Tan - Full stack dev

Xinyang Wang - Frontend & Design

✨ Features

Intuitive design for adding, editing and deleting tasks
Calming visuals to ease the mind from the horrors of everyday reality
Simplistic and timeless design

💡 Inspiration

We were inspired by the TUI calcurse which is a terminal-based calendar and TODO list and the app Flora which is a mobile app that grows a tree as you leave your phone alone. We wanted to give users the motivation Flora gave when you grow your own tree, but on a desktop TODO list.

⚙ What it does

-Task Tree is a visual representation of your productivity. You can add tasks to your TODO list and your tree grows bigger as you complete more tasks.

💻 How we built it

We built it in HTML & CSS and Javascript to make it efficient and lightweight
We used Krita to design the trees
We used Docker for easy reproducibility on all systems

🎯 Challenges we ran into

Initially our project was designed for TUI, but we ran into various issues with the python module framework we were using. The framework allowed capabilities such as animations, mouse support, and open widgets all from inside the terminal. Now the issues experienced with this method was primarily due to unclear documentation as when incorporating two separate widgets they would consistently overwrite one another. Other UI printing errors continued arising the more we added to the project. Consequently we changed our approach to this project to a web app using HTML, JS, and CSS that we present to you today.

🎖 Accomplishments that we're proud of

Pixel art
Functional GUI
Pro documentation readers B)

🏫 What we learned

don't use things that have no support/community
CSS

‼ Todo List :D

[ ] See your forest: a depiction of your productivity from all the trees you have grown
[ ] Add more tree types with a different number of tasks required to grow each
[ ] Monetize: put a price on tasks, if you don't finish by the due date you get charged
[ ] See friends’ trees to motivate each other
[ ] TODO for github projects, when you commit a branch the tree grows