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

GitHub Jobs API | built with React and React Query

Connor Zβ€’ 5,115

@zuolizhu

Desktop design screenshot for the Devjobs web app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedbacks are welcome πŸ˜†!

I had a lot fun when working on this project (especially trying out the new tool I found for data fetching and caching πŸ‘‰React Query.) The color scheme is great, the overall looks way better than the original jobs.github.com/positions πŸ˜† LOL! If I would build a job hunting website in the future (with backend), this is something I would consider for the frontend first😎.

However, some part of the design is kind confused 🀯, e.g. there is no back button on the job detail page πŸ‘€, also there is no way to clear the job filters 😬. I hope there would be some similar projects like this in the future.

I got some 429 Too Many Requests error when working on the filters, therefore, instead of fetching new data from the request when click search, I just filtering within the cached data, and click load more will apply the filters to the new coming data as well. In such way I can reduce some requesting to avoid that error 😬.

Thanks for reading my annoying comments πŸ˜‚LOL and happy coding πŸ™Œ!

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hey, Connor Z! πŸ‘‹

Wonderful work on this challenge! πŸ‘ Everything looks great and works really well! πŸ‘

I like the subtle page transitions between clicking on jobs and going back to the jobs home page! 🀩

Keep coding (and happy coding, too)! 😁

1

Connor Zβ€’ 5,115

@zuolizhu

Posted

Thanks @ApplePieGiraffe ! I always got encouraged by your warm comments πŸ₯° ! Happy coding too πŸ™Œ!

0
Web Frogβ€’ 1,840

@MasterDev333

Posted

Great work, @Connor! It's beautiful. Everything is fully responsive and very close to design. In my humble opinion, it would be better if you set background-image for logos rather than img elements. Now the logos are cut out. Anyway, "Perfect"!! Happy coding~ :)

1

Connor Zβ€’ 5,115

@zuolizhu

Posted

@MasterDev333 Thanks for your valuable suggestion! Most of the logos from the API are not squared, some of them came with a rectangle shape, I have to decide cut them out or zoom in but only show a part of the logo 🀣.

0

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