Job Listings with Filtering with ReactJS, NextJS, TailwindCSS

Any feedback is welcome!

At first I wasn't too sure how to approach the sorting aspect, and curious as to how others have implemented this.

My current approach:

• loop through each job and extract it if it matches the filter property type (role, level, languages, tools).
• Each addition or removal of a filter will still loop through each job however to ensure all jobs are still filtered correctly after removing a filter.

Next steps:

• perhaps while looping through each job, put them into 2 buckets, displayed and not displayed. When removing a filter, you just need to go through the jobs that are currently not displayed. When adding a filter, you will still need to go through each job though I think...

Minor additions that weren't included in the initial design:

• Render skeleton loading in both desktop and mobile view before retrieving JSON data
• Make header and filter search bar sticky at the top for better mobile scrolling experience