Hi @Areeb-coder , I would like to work on this issue. Please assign it to me under GSSoC 2026.
Problem
Currently, the Studio tracks writing sessions and word counts internally, but writers have no visual way to set or track a word count goal for a draft or daily session. This makes the existing analytics feel invisible and disconnected from the actual writing experience.
Proposed Solution
Add a Word Count Goal feature to the Studio toolbar with:
A progress ring (circular SVG/CSS animation) that fills as the writer approaches their goal
A goal-setting input (e.g. "Set goal: 1000 words") accessible via a small settings popover
A completion animation using Framer Motion when the goal is hit
Persistent goal saved to localStorage (per draft or global)
UI Placement
Bottom bar or top-right corner of the Studio toolbar
Should not obstruct the writing area
Subtle enough to stay out of focus while writing, noticeable enough to motivate
Acceptance Criteria
Writer can set a numeric word count goal
Progress ring updates in real-time as words are typed
Ring completes with a Framer Motion animation at 100%
Goal persists across page refreshes (localStorage)
Works on both light and dark themes
No performance regression on the editor (debounced word count calculation)
Tech Notes
Use existing TipTap word count extension or compute from editor's text content
Animate with Framer Motion (already in stack)
Style with TailwindCSS (already in stack)
No backend changes required
Related
Existing streak/analytics system in the Studio
Draft auto-save logic
Hi @Areeb-coder , I would like to work on this issue. Please assign it to me under GSSoC 2026.
Problem
Currently, the Studio tracks writing sessions and word counts internally, but writers have no visual way to set or track a word count goal for a draft or daily session. This makes the existing analytics feel invisible and disconnected from the actual writing experience.
Proposed Solution
Add a Word Count Goal feature to the Studio toolbar with:
A progress ring (circular SVG/CSS animation) that fills as the writer approaches their goal
A goal-setting input (e.g. "Set goal: 1000 words") accessible via a small settings popover
A completion animation using Framer Motion when the goal is hit
Persistent goal saved to localStorage (per draft or global)
UI Placement
Bottom bar or top-right corner of the Studio toolbar
Should not obstruct the writing area
Subtle enough to stay out of focus while writing, noticeable enough to motivate
Acceptance Criteria
Writer can set a numeric word count goal
Progress ring updates in real-time as words are typed
Ring completes with a Framer Motion animation at 100%
Goal persists across page refreshes (localStorage)
Works on both light and dark themes
No performance regression on the editor (debounced word count calculation)
Tech Notes
Use existing TipTap word count extension or compute from editor's text content
Animate with Framer Motion (already in stack)
Style with TailwindCSS (already in stack)
No backend changes required
Related
Existing streak/analytics system in the Studio
Draft auto-save logic