Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 3 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
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Dushyant Goyal's solution.

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

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

Frontend Mentor

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

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