Skip to content
Submitted 10 months ago

Reponsive Job Listings with Filtering

react, tailwind-css
HANICHE Zahir•280
@ZahirHaniche-dev
A solution to the Job listings with filtering challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Thanks to this project, I was able to solidify and apply my knowledge of React, while also discovering Tailwind CSS. React significantly eased the implementation process.

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

What I found challenging was making the design responsive with Tailwind CSS.

What specific areas of your project would you like help with?

I don't have any specific needs at the moment, except if someone has an alternative or a different library from Tailwind CSS for better handling responsiveness (excluding Bootstrap).

Code

Please log in to post a comment

Log in

Community feedback

  • xNyfPtx•1,260
    @xNyfPtx

    I don't get why it would be hard to make the design responsive using TailwindCSS, you can use :sm, :md, :lg, :xl, :2xl for this. See more

  • HANICHE Zahir•280
    @ZahirHaniche-dev

    For this project, I chose Vite and ReactJS, a powerful duo for creating fast and responsive web applications, along with Tailwind CSS for its utility-first approach.

    Additionally, I used the latest React features, including Redux and context usage types. For example, to call the API from the data.json file, I used a reducer with a getData function that is called only once, which allows my list to be managed directly through filtering.

    As a result, my project is more readable and simplified compared to previous versions of React, where we had to use Axios or API calls to filter and rebuild our list table.

    My solution differs slightly from the design because I’m more focused on the technical aspects behind it.

    Feel free to follow me on GitHub, and thank you all for reading.

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