Browse Posts
Browse Posts
The Explore page is where you discover a wide variety of learning content from the Skillnote community and find new inspiration. Click “Explore” in the sidebar to navigate there. At the very top of the page, the following header is displayed:
Explore — Discover diverse learning content and find your next inspiration
Explore Page Layout
The Explore page is divided into three sections.
Section 1 — Trending
The Trending section (trendingUp icon) displays currently popular posts in a large card format (PostCardLarge). Each card shows the post title, description, author avatar and name, publication date, and tags at a glance.
- Click the “View All” button in the upper right of the section to go to the full list of trending posts.
Section 2 — Latest Learning Notes
The Latest Learning Notes section (clock icon) displays recently published posts in a tag-based column layout.
- Up to 3 tag columns are arranged side by side.
- Each column header shows a
# TagNamebadge, with a “View All” button on the right. - Each column displays up to 3 posts in a small card format (PostCardSmall).
Section 3 — Popular Tags
The Popular Tags section (tag icon) shows a list of tags most frequently used across Skillnote.
- Each tag button is displayed in
# TagNameformat, with the post count (count) shown alongside each tag. - Clicking a tag navigates to the full view filtered by that tag.
View All Screen
Clicking a “View All” button or a popular tag opens a full view screen showing all posts for that tag.
Top Area
| Element | Description |
|---|---|
| Back to Explore | A back button. Click to return to the main Explore page. |
| Tag icon + tag title | The name of the current tag is displayed in uppercase. |
| {N} Learning Records | The total number of posts tagged with this tag. |
| Newest | Sort button. Currently sorted by newest first. |
Related Tags
Tags frequently used alongside the current tag are displayed as a badge list. Click any badge to go directly to that tag’s full view screen.
Post Grid
Posts are arranged in a card grid layout. Each card displays the following information:
- Post title and summary description
- Author avatar and name
- Publication date
- Tag list (the currently viewed tag is highlighted)
When There Are No Posts
If no posts have been written with this tag yet, the following message and button are shown:
No posts yet
Be the first to write a learning record with this tag!
- Click the “Write New Post” button to go to the editor and write a post with that tag directly.
Reading a Post
Click a post card to go to its detail page.
- Body: The post content is rendered on the left side (or the full area) of the screen.
- Comment sidebar: A panel with Info, Comments, and Review tabs opens on the right side of the screen. See the Comments & Q&A guide for details.
Tip: When you find an interesting post, click the author’s name to visit their blog. You can browse all of their learning records on the same topic in one place.