Skip to content
Submitted over 3 years ago

Job Listing Page using React Js

bootstrap, react
LVL 3
@goyal-Dushi
A solution to the Job listings with filtering challenge

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

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