Design comparison
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
Community feedback
- @Ramz001Posted about 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.
0@goyal-DushiPosted about 2 years ago@Ramz001 Have you tried re-entering the value in the search field. It seems that sometimes on initial typing, it doesn't work, but after that, it starts working. Also, once you have entered the search string, do press either ( , ) or ( Enter ) key to start the search !
Redux is quite heavy lib for project as such, I use it for purpose when I need to manage states b/w lots of components withing a project. Instead I had rather suggest using react's useReducer and Context API for the purpose.
I will look into the issue that why on initial typing inside the field, it doesn't accept the value sometimes!
Thanks
0
Please log in to post a comment
Log in with GitHub
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