icon picker
Tasks

Organize your tasks
Add Task
Tasks

v1

0. 1 crystal missing?
4. Bounding box entirety of the logo
5. Defer/Async fetch images -- webp images
2. Crystals reacting to screen swipe
7. Cursor change on hover
3. Mobile version
Rumon -- phone screens, dashed-crystal
1. Collision -- increase bounding rect. Better to repel from far than to overlap
6. Nudges + emptying out the slot

v2

Done:

2. Landing page BG?
3. Down Arrow should also honor DARK_MODE
1. Increase size of logo and crystals on laptop; decrease on Mobile
5. Interaction on tapRelease (mouseUp) instead of mouseDown
8. Animate to place is jittery on phone.

New:

4. Start position of crystals out of bounds? -- mostly to the far right
9, Sometimes hero Crystal disappears on placing (on mobile).
7. Sometimes on phone it just freezes to a black screen -- actually crystals and logos are still black and floating.
6?. Restrict movement to a limited zone. Make the logo/crystals smaller. Make drop zone tighter

v3

Done:

a. Increase crystal size to match logo on desktop
c. Increase speed by a bit
d. In bullet time the other crystals are too faded. Increase opacity a bit.
e. Increase collision radius to avoid contact, even if it means crystals repelling from a bit afar.

v4

Done

> Loading screen gif
> Locking-in on page
> Nudge
- opacity pulsate of a crystal
- dropzone has the gif at low opactity - when first crystal is picked
> Lock-in release after 2 crystal drop or 20s -- show down button
> Selected Crystal opactity reduction -- dim
> random positioning of popped crystal
> Decrease logo size to match crystal on mobile
> Use correct grunge bg to avoid the stretch-in effect
> Team Page svg
- text change on hover
- responsive
- some animation/movement on individual svg components/paths

New

> Crystal animation
- Throwability
- a) Direction
- b) speed (low priority)
- On Collision instead of doing vector math, change vector direction to diametrically opp, with speed.
> Start position of crystals out of bounds? -- mostly to the far right
> Sometimes hero Crystal disappears on placing (on mobile).
> Sometimes on phone it just freezes to a black screen -- actually crystals and logos are still black and floating.

v5

Done

bug: dropped crystal opacity stays 0 if alt not dropped
optimization: don't load pngs and webps all. Do png only if webp is not supported.
Anshul:
opacity changes:
gif nudge lower
opacity pulsating wider band (10-100%)
opacity of used crystal lower
loading crystal 1 sec
gif on the logo, for the first time only
mobile screen stretch
randomize initial person

New

> code clean-up and walkthrough
> when down arrow appears, it shifts a little. custom scroll bar?
> don't spawn crystals from the logo (after replacement)
> landing bg jpg/png support?
> Higher z-index for the crystal? So that pick up can be done even near logo. <-- tried, works.
> if a dummy (invisible) obstacle placed on the logo, that'd cover this too.
> Anshul: Down Arrow push a little up?
> optimization: replace crystals with svgs
6. Font for text
2. Bullet time momentary speed up after drop.

Other Feedback

--- crystal to not move over the logo ----
--- spacing b/w team cari and text
--- snap to fold
--- scrollbar
---- down arrow --> should be pushed a little up ----
--- about text break up in paragraphs --- >> bold some parts in text
--- highlight a face in some time slowly, blurb ---
-- font text thin (look so different)
-- 38% --> 50%
-- mobile screen stretch
-- randomize initial person
-- change ode image to clean up
-- insta/twitter opacity more
-- old safari did not get dandi and main bg (non webp)
-- iphone 11 did not go to phone. Trying to load desktop resources.
-- on phone the pulsating nudge remains if if some crystals have been placed

Same data, many views

This same Tasks table can be viewed and filtered in different ways. We created a few to start out:

🚦By Status

5
2
1
Test, iterate
365442379a6c4a4d3c6f077ff81fbd31.png
Fake plan
Sling code
Marketing plan
Frame 3.png
Launch assets
c713cb48e6e9af16b515fe6b58adc837.png
Plan
Code
Do the research

👌 This
of the Tasks table is by status and displayed as . Try dragging the cards around.

🏷 By Category

Category
Task
Person
Status
Image
4
Plan
c713cb48e6e9af16b515fe6b58adc837.png
Code
Do the research
Test, iterate
2
Fake plan
365442379a6c4a4d3c6f077ff81fbd31.png
Sling code
2
Marketing plan
Launch assets
Frame 3.png
👌 This
of the Tasks table is by category.

👩🏻‍💻 By Person

Person
Status
5
2
1
Task
Task
Task
3
Marketing plan
Plan
Do the research
2
Sling code
Code
3
Test, iterate
Fake plan
Launch assets
👍This
of the Tasks table is by the Status on the top and Person on the left. Grab a task's handle to drag the task from one group to another.

✅ My Tasks

Done
Task
Category
Start
Estimate
Person
Status
Image
No results from filter
👌 This
of the Tasks table is down to just
tasks.

🗺 Roadmap

Desktop app
Plan
Code
Do the research
Test, iterate
Mobile app
Fake plan
Sling code
Launch
Marketing plan
Launch assets
Apr 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
May 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jun 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Jul 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Aug 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Sep 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Oct 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Nov 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Dec 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Month
TodayFit

↔️ Try dragging the edges of one of the tasks below. Note how it changes the date both in the timeline and in the table views above. It is the same data, just represented in a different . Hover over the chart and click
Image 2020-04-17 at 7.00.44 AM.png
to expand to full screen.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.