Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Basic HTML, CSS, JQuery soultion

dgjenni2 320

@dgjenni2

Desktop design screenshot for the Job listings with filtering coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Rating: 10/10 Time: ~20hr over several days Languages: JQUERY, JS, HTML and CSS Rating: 4/5 Difficulty: Solid Intermediate

Reflection: This challenge was similar to the html college course assignment in the beginning of a semester. Surprisingly enjoyed playing around with this, as it tests out a lot of fundamentals, such as planning for repeating elements, responsive layouts and logically filtering information.

I chose to stick with static information loading rather than dynamically loading from the JSON list, but honestly it would probably take me maybe an hour at most more to get that working. If you've never worked with that in the past but have your other fundamentals strong, I would highly recommend this challenge. This would also be an excellent challenge to try a frontend framework, such as React, because you could learn how to reuse code elements and start learning how to manage state between elements with the filtering logic.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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