This is a solution to the Job listings with filtering challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
See hover states for all interactive elements on the pageFilter job listings based on the categories
- Solution URL: Frontendmentor
- Live Site URL: Demo
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Vanilla JS
I did this project to polish my vanilla js skills and I have to admit I learnt a lot while building this project. It may not be perfect, but I completed most of the challenge. First of all managing states, conditional rendering in vanilla javascript seems like a big task, but I'm very happy I was able to pull it off! And yes I couldn't make it responsive, I'm not a CSS guru lol.
I could do a better job in rendering I guess, right now it's a very hacky way to render since I'm adding new elements to the dom over and over, you can only go so far without any libraries though.
- Frontend Mentor - @kuldp18
- Twitter - @itskuldeep8