Description
Currently, users can read notes and articles on openCSE, but there is no indication of how long a page will take to read. Adding an estimated reading time will help students better plan their study sessions and improve the overall reading experience.
Proposed Solution
Display an estimated reading time at the beginning of each note/article based on the total word count.
Example:
⏱️ 4 min read
Calculation
- Average reading speed: 200 words per minute
- Reading Time = Total Words / 200
- Round up to the nearest minute
Examples:
- 350 words → 2 min read
- 750 words → 4 min read
- 1250 words → 7 min read
Benefits
- Helps students manage study time effectively.
- Improves user experience.
- Common feature in modern educational platforms and blogs.
- Easy to understand and implement.
Acceptance Criteria
- Reading time is displayed at the top of each note/article.
- Reading time is calculated dynamically from content length.
- Value is rounded to the nearest whole minute.
- Design remains responsive across devices.
- Feature works for all existing and future notes.
Possible Tech Implementation
- Extract article content.
- Count total words.
- Divide by 200 (average reading speed).
- Round up using
Math.ceil().
- Display the result near the article title.
Additional Notes
This feature should be lightweight, require minimal performance overhead, and integrate seamlessly with the existing UI.
Description
Currently, users can read notes and articles on openCSE, but there is no indication of how long a page will take to read. Adding an estimated reading time will help students better plan their study sessions and improve the overall reading experience.
Proposed Solution
Display an estimated reading time at the beginning of each note/article based on the total word count.
Example:
⏱️ 4 min read
Calculation
Examples:
Benefits
Acceptance Criteria
Possible Tech Implementation
Math.ceil().Additional Notes
This feature should be lightweight, require minimal performance overhead, and integrate seamlessly with the existing UI.