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

Job listing filter React/Tailwind

P
Nikitossik 370

@Nikitossik

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, everyone! This is my test project using React and TailwindCSS.

You can filter the items based on languages, tools, role and level just typing in the filter input and categories will be visible before the input. It's not case-sensitive

It wasn't difficult, it's just all about thinking in the new way of building an app using frameworks.

I'm unsure about my project and code structure:

  • I've put images folder to ./public because the paths to images are located in data.json and are relative, so I had to put them into src, but not to import. Is it a good practice or in React it's more common to import assets?
  • I didn't fetch data.json file, I've just imported it to jsx.
  • In App code I've passed too many props to JobsFilter component. Is there a better option to pass state to child components?

Thanks for vising my solution, good luck!

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