seblammers / awesome-svelte-and-d3-website

Frontend code for a site to find awesome data visualization projects that were created with Svelte & D3
https://awesome-svelte-and-d3.netlify.app/
Creative Commons Zero v1.0 Universal
6 stars 0 forks source link

5 feature add tag filtering on projects page #14

Closed seblammers closed 1 year ago

seblammers commented 1 year ago

This adds a new feature to the projects page.

With this filter module users can:

The displayed projects update immediately when tags are added or removed.

Invalid tags are not possible (you can only enter tags that are in a predefined list). This leads to a change in how we manage the information in the CMS. There should be a list of unique tags in the CMS that the tags for each project can be selected from (I started doing this now). The same list must be fed into the filter-module.

I introduced a new component that can be used to optionally show/hide content and put the filter-module in it. That way, users get to see the projects right away and can use the filter if they want to by toggling it open.

netlify[bot] commented 1 year ago

Deploy Preview for comfy-clafoutis-1193a0 ready!

Name Link
Latest commit 5c009311f1c41a37b856efd61f8ef17def572847
Latest deploy log https://app.netlify.com/sites/comfy-clafoutis-1193a0/deploys/63c6795a6f8973000874ffcd
Deploy Preview https://deploy-preview-14--comfy-clafoutis-1193a0.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

seblammers commented 1 year ago

p.s. no filtering on the landing page, check the projects page :)