User Story
As a blog writer, I want a reusable timeline component so that I can visually present learning paths, contributor journeys, roadmaps, and step-by-step progression within blog posts when needed.
Problem Description
Roadmaps and learning journeys currently need to be represented using plain text or lists, which makes progression harder to visualize and less engaging for readers.
Proposed Solution
Create a reusable Timeline component.
Props required:
- items (array)
- day (string)
- title (string)
- description (string)
Layout:
- Vertical timeline (as they are mobile responsive)
- Day label on the left
- Title and description on the right
Alternatives Considered
Using lists or tables can communicate the same information, but they are less visual and less effective for displaying progression over time.
Additional Context
Pictures of vertical timelines for reference
User Story
As a blog writer, I want a reusable timeline component so that I can visually present learning paths, contributor journeys, roadmaps, and step-by-step progression within blog posts when needed.
Problem Description
Roadmaps and learning journeys currently need to be represented using plain text or lists, which makes progression harder to visualize and less engaging for readers.
Proposed Solution
Create a reusable Timeline component.
Props required:
Layout:
Alternatives Considered
Using lists or tables can communicate the same information, but they are less visual and less effective for displaying progression over time.
Additional Context
Pictures of vertical timelines for reference
