Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Job Listing Page using React Js

bootstrap, react
Dushyant Goyal•260
@goyal-Dushi
A solution to the Job listings with filtering challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


One of the critical part of the challenge was the search field. It wasn't clear enough as to how it needs to function. While working on the challenge I came across multiple methods and type of ways in which the search by tags field could be implemented.

Currently I resorted to simple tag matching by name. So, if you enter a name in search field, it results in listing all the jobs that have either of the search strings present in the search. ( OR Condition ) ( AND condition ) : listing of the jobs having all of the tags present in the search field. ( not implemented ) Also, while we search, the loading icon is also missing. Although current data to test with is small, but still, if are fetching from large data, then after search query , certain page loader could also be added!

I thought of implementing a solution where user could toggle b/w OR / AND as well as loader, but was unclear as to where to place them and handle them in responsive designs!

Let me know for any methods with which I could improve my design! Thanks

Code
Couldn’t fetch repository

Please log in to post a comment

Log in with GitHub

Community feedback

  • Ramz•375
    @Ramz001
    Posted over 2 years ago

    Hello Goyal, Good job completing this challenge! Well... I don't know why but your solution does not work. What I mean is that when I try to search it does not filter the list. So, I think you should spend some time developing the logic of your website otherwise it would be unusable! Also, for challenges of this sort I recommend using redux for state management so you will have fewer headaches during the development process. Hope my feedback will help you to tackle this obstacle.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub