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

Responsive Job listings with filtering using react

@jeff-mz

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


What are you most proud of, and what would you do differently next time?

Completing the card filtering process was truly challenging for me, but the sense of accomplishment I felt upon finishing it was precious.

What challenges did you encounter, and how did you overcome them?

As I said doing card filtering and showing them was so challenging so I used react hooks. I created two states in the app one for storing cards and one for storing chosen tags . I also used the UseEffect hook as well and I used props to send data to other components. I am a beginner at hooks and I don't think this is the right way to do it. I think using a Reducer with useEffect and useContext hooks would be another easier way to solve card filtering.

Community feedback

@ZahirHaniche-dev

Posted

Great work! 👍 You used ReactJS and TailwindCSS just like I did for this challenge. However, I noticed that the "Photosnap" job listing is repeated several times in your solution. Could you explain why that is ?

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