changelog ยท 2022Changelog #001

jorenrui's avatar

@jorenruiย / November 19, 2022

6 min read

After launching beta, we're now doing mini incremental updates to Sutle. For this changelog, we introduce collections for organizing your resources, made improvements to the bookmark notes, added metadata to some pages, and upvoted paths page.

Resource Collection (Pro Users only)

We're happy to announce that resource collections are now on Sutle! Besides organizing resources by tags, you can now also organize them by collection. Think of them as "folders". Unlike tags, each collection has its page accessible at sutle.io/:username/collection/:collection-slug.

You can create collections either by going to the create collection page or by creating a new option on the create bookmark page.

Create bookmark page where it now has an optional select field labeled as 'collections'.
You can now save bookmarks under collections by updating the optional select field labeled as 'collections'.
Create Collection Page where it has a title and a description field.
Create collections by going directly to the create collection page.

Collections you've created can be found under the Profile Page which you can use to filter resources.

Profile Page where the 'Web Dev Tutorials' collection is selected and the resources are filtered by it.
Collections under the user's profile page.
Collection Page entitled 'Web Dev Tutorials' which contains 4 resources under it.
Collection Page in which lists all the bookmarks under it.

In the future, we'll be adding more to collections, allowing users to add learning paths and other collections in a collection.

Upvoted Paths in Profile

You can now view the list of learning paths you've upvoted. Currently, the total count of upvoted learning paths can be seen on the user's profile page. Clicking it will navigate you to the User's Upvoted Learning Path Page.

Jorenrui's Sutle Profile with the upvoted paths encircled in red ink.
The learning paths you've now upvoted can now be found by clicking the 'upvoted paths' link found in the Profile Page.
Sutle User's Upvoted Paths Page.
A page that lists all the learning paths that the user has upvoted.

Bookmark Notes Markdown

We did some improvements to the notes under the bookmark page. Currently, it supports:

  • Headings
    # Heading 1
    ## Heading 2
    ### Heading 3
    
  • Paragraph
    I am a normal text.
    
  • Italic, Code, and Bold text
    I am _italic_, while I am **bold**.
    
  • Code Inline and Code Block
    I am a `code inline`.
    \``` (Remove slash)
    I am a code block.
    const site = 'https://sutle.io';
    \``` (Remove slash)
    
  • Blockquote
    > I am a blockquote
    
  • Links (copy and paste the link into the notes).
  • Lists
    - Unordered List
    - Unordered List
    - Unordered List
    
    1. Ordered List
    1. Ordered List
    1. Ordered List
    

An example of its usage is this:

Bookmark notes with markdown type samples.
Sample bookmark notes in Sutle.

Sutle Latest News

To know the latest updates on Sutle, we've put a news card along with where the latest resources and learning paths are placed.

Latest updates featuring Changelog #001 under the Profile Page.
Latest updates featuring Changelog #001 under the Profile Page.

Metadata / OG

We also added metadata to the following:

  • Bookmark Page
  • Learning Path Page
  • Profile Page

Sample display of the following pages are as follows:

  1. LinkedIn
LinkedIn create post with a pasted link of sutle.io/sutle and has a card preview containing the name of the user which is 'sutle', and some description about the user.
LinkedIn create post with a Sutle's profile page link.
LinkedIn create post with a pasted link of sutle.io/jorenrui/learn-threejs and has a card preview containing the title of the path which is 'Learn ThreeJS', and some description about the learning path.
LinkedIn create post with a Sutle's profile page link.
LinkedIn create post with a pasted link of sutle.io/bookmark/1485 and has a card preview containing the title of the bookmark which is 'The evolution of scalable CSS', and some description about the bookmark.
LinkedIn create post with a Sutle's bookmark page link.
  1. Twitter
Twitter create post with a pasted link of sutle.io/sutle and has a card preview containing the name of the user which is 'sutle', and some description about the user.
Twitter create post with a Sutle's profile page link.
Twitter create post with a pasted link of sutle.io/jorenrui/learn-threejs and has a card preview containing the title of the path which is 'Learn ThreeJS', and some description about the learning path.
Twitter create post with a Sutle's profile page link.
Twitter create post with a pasted link of sutle.io/bookmark/1485 and has a card preview containing the title of the bookmark which is 'The evolution of scalable CSS', and some description about the bookmark.
Twitter create post with a Sutle's bookmark page link.

Minor Improvements

We also did some minor updates such as:

  1. Upgraded our Tech Stack, Next.js from v12 to v13.
  2. For private learning paths, there is now a private badge displayed under the user's profile page.
Sutle Profile Page featuring a learning path card that has a private badge.
Learning paths under the profile page now have a private badge.
  1. The student count is now displayed in the learning paths under the user's profile page.
A learning path entitled 'Learn Laravel' with 4 upvotes and 3 students, and a learning path entitled 'Learn ReactJS' with 24 upvotes and 19 students.
Learning paths under the profile page now have a student count.

Bug Fixes

We also did a couple of bug fixes:

  • Fix: Learning Path Students Page not working for non-logged-in users.
  • Fix: Inconsistent display of users under Learning Path Students and Upvotes Page.

If you encounter any issues, you can report it at https://sutle.canny.io/bugs

What's Next

For the next updates, we are pausing the development of collections and will prioritize the following:

  • Adding a browser extension for bookmarking resources and adding them to learning paths.
  • Reporting Users and Learning Paths.
  • Improving reordering learning path items on mobile devices.

Anyways that's all, till next time ๐Ÿ‘‹