search

microsoft / pxt-microbit

A Blocks / JavaScript code editor for the micro:bit built on Microsoft MakeCode
https://makecode.microbit.org
Other
704 stars 580 forks source link

Add Search and Filtering of content on Home Page #5458

Open Jaqster opened 5 months ago

Jaqster commented 5 months ago

Add a way to Search and Filter content on the Home Page. Requires metadata tags on all content.

Jaqster commented 4 months ago

Points of reference:

Jaqster commented 4 months ago

@unthinkmedia - can you share your filter designs here?

Jaqster commented 4 months ago

image

On click of "All filters" the panel animates in from the side Feb-27-2024 13-38-54

On scroll of the to the page the filter stick to the top so they are always visible. Feb-27-2024 13-41-07

microbit-giles commented 4 months ago

Some background further to your point of reference @Jaqster on the microbit.org project page filters: https://github.com/microsoft/pxt-microbit/issues/5458#issuecomment-1959927278

On https://microbit.org/projects/make-it-code-it/ as well as the beginner / intermediate / advanced filters (across the top of the page) we also filter by

Subject / topic

The subject / topic filters we use are hierarchical, with 'topics' sitting under 'subjects' We also split CS into 5 'subjects' as we were restricted to 2 levels of hierarchy but still wanted to make some strands of CS learning visible at the top level.

The whole list of our topics is probably too long/granular for the MakeCode home page, but it might make sense to use something similar to our top level of subjects, in a short, non-hierarchical list, e.g:

There may be topics like 'Data' (which we have under Programming) that are hidden from view at this level that are important enough to add to a flat list.

microbit-lucy commented 4 months ago

Good to see these designs. The filter row and sidebar look good to me. Just to clarify, is this just a suggestion for the filter-related parts of the page or the whole page? Are you expecting these to appear on the home screen or somewhere else? The layout of the page in these designs is different from the current homepage (i.e. 2 cards at the top, a grid of cards rather than left-right scrollable rows beneath the filters, black background) so I'm not sure if this is a redesign suggestion for the whole home page or something else?