Responsive and interactive Job List Filtering in React with Animation
Design comparison
Solution retrospective
A challenge i've done a while ago. trickiest part was the updating the list based on multiple category criteria. I've solved this with the help of a simple built-in JS function/method called every()
I'm displaying the data dynamically, but the JSON file is hosted locally. To retrieve this data, i used a helper library called: json-loader and the imported data as a default export like so:
import data from './assets/static-job-listings-master/data.json'
Finally added some mini animation effect for the updating list items, using a CSS only animation library called AOS.
Hope you guys like the solution! βοΈπ±
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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