Dashboards, Planning

Rose Garden: I Modified The Forest App In Notion

Screen Shot 2020-02-18 at 6.55.09 PM.png

๐ŸŒน Build A Rose Garden

The following is an example of how one can create a robust task management system with checkboxes and formulas in Notion. This is especially useful for visualizing the input/output of tasks in a fun way. I use Gallery, List and Table database views.

I'm a huge fan of the Forest app, which by the looks of my tech-ish audience, most of you are already familiar with. But for those who don't know, it is essentially a pomodoro timer that rewards each interval of undeterred focus with a tree. This tree is planted both in a virtual forest and in real life. A user can accumulate these trees overtime. Now, if 45 minutes of focus time is cut off at 30 minutes, a dead tree is planted in the forest instead. Of course, this is aesthetically undesirable.

I made it my mission to create something similar to Forest in Notion, at least in concept. Essentially, the user is faced with a wall of tagged tasks with "check" and "partially" checkboxes. When these boxes are ticked, the following rows of roses may appear.

"๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน" โ†’ Completed Task

"๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท" โ†’ Partially Completed Task

"๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€" โ†’ Uncompleted Task

ezgif.com-video-to-gif (5).gif

The default property tags

These tags aren't necessary, however, I've applied the Reoccurring tag into the Today section filter, assuming reoccurring tasks are required everyday.

  • Reoccurring Dailies

  • High Priority

  • Medium Priority

  • Personal

How to add another tag and garden row:
Add new tag to Tag property :: Add new formula property :: Copy and Paste following formula โคต

if(prop("Tag") == "High Priority" and (prop("Partially") and prop("Check")) == true, "Select Only One", if(prop("Tag") == "High Priority" and prop("Partially") == true, "๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท๐ŸŒท", if(prop("Tag") == "High Priority" and prop("Check") == true, "๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน๐ŸŒน", if(prop("Tag") == "High Priority" and (prop("Partially") and prop("Check")) == false, "๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€๐Ÿฅ€", ""))))  

:: in every instance, replace "High Priority" with new tag label :: โœ…

COPY TEMPLATE