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

React JS project w/Sass

Elizabeth• 460

@gelizabeth

Desktop design screenshot for the Job listings with filtering coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, community! This challenge seemed pretty simple until some moments of struggle came:

  • dynamic import of logo images. I found 2 solutions to this - using lazy load of React (didn't work for me) and using require. This had it tricks too - require doesn't accept variables, so I ended up with this trick require('../img/' + job.logo);. Does anybody know any better solution?
  • multiple filtering. I think here I messed up a little. What I did: filter array with first filter and save it to a new array, and then filter that new array again with other filters. I'm wondering if there is some better way to do this.

Thank you for reading this! Any feedback is welcome :)

Community feedback

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