Submitted 9 months ago

Job Listings Page w/ Vue.js

Emmanuel Oluwatobiloba• 380

@purrrplelipton

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Job listings with filtering

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Good day Frontend Mentor pals, before switching to vue.js, I implemented this using good 'ol HTML, CSS and JavaScript. The tags on each "job" is a button, so when those are clicked and the selectedFilters array doesn't contain the clicked "tag" it gets pushed into it, then based on that the jobs arrayis filtered, the "selected filter" value was being pushed to the array but the page didn't "update" which got me thinking "how do JS frameworks do it?"

Community feedback

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord