Job Listings + Filtering using BEM / SCSS / ES6 JavaScript

Hello everyone!

I took on this challenge to mainly brush up on my ES6 JavaScript and DOM manipulation skills. So, that was my main area of focus. This is also my second time using BEM and SCSS. It was much easier this time around, since I designed HTML with BEM already in mind.

Two burning questions:

1. How can I improve on organizing my code? I tried using multiple stylesheets this time around, but I still found myself a bit disorganized. On that note, how should I comment my HTML and CSS?
2. What are best practices for naming JS functions and variables? CSS has BEM, is there anything like that for JS?
3. I found myself doing a lot of repetitive changes to the HTML. Ex: Adding data tags to each job listing. Is there a way to automate this?

A couple of remarks:

• Working with the HTML and data tags is a pain. Now, I know why using React or some kind of backend to work with the data.json file is much better than a pure JS approach.
• Want to revisit this challenge again without using all the data tags.