Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

Job listing filter React/Tailwind

react, tailwind-css
P
Nikitossik•370
@Nikitossik
A solution to the Job listings with filtering challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Nikitossik's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License