Submitted 4 months ago

Job Listings w/ filters (Vite + Axios)

Daniel 🛸• 44,230

@danielmrz-dev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Job listings with filtering

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?

🛸 Hello FEM Community! I'm Daniel and this is my solution for this challenge! 😊

🛠️ Built with:

HTML 🧾
Vanilla CSS 🎨
JavaScript 🤖
API 🆕
Vite ⚡
Axios 🔃
ESLint ✅
Mobile first workflow approach 📲

Being able to finish this project makes me proud. The first time I tried I just couldn't figure it out the multiple filter logic. A few months later I decided to give it another shot and this is the result. And I got to use Vite, Axios and ESLint as a bonus 😁

If you have any suggestions on how I can improve this project, feel free to leave me a comment!

Feedback welcome 😊

Community feedback

Shoaib Shuja• 560

@ShoaibShuja

Posted 3 months ago

Mr. Daniel please tell me how you can match the design perfectly. Is there a secret?

Daniel 🛸• 44,230

@danielmrz-dev

Posted 3 months ago

@ShoaibShuja

I honestly don't have a secret... I just try to make it as close to the original design as possible. I like paying attention to details...

I use a browser extension called pixel perfect. It helps me a little bit as I don't have access to the figma files.

It may help you too.

Shoaib Shuja• 560

@ShoaibShuja

Posted 3 months ago

Also, where can I find the live site examples of the challenges before, I start them because I can't really figure out the whole layout from photos.

KingX• 150

@iwedibah

Posted 4 months ago

Danny, this is so amazing and beautiful Although I am still in my elementary path in web dev (frontend), I so much love what you just designed

I believe I'd, someday be able to design this challenge

Daniel 🛸• 44,230

@danielmrz-dev

Posted 4 months ago

@iwedibah

Thanks for the kind words! I'm looking forward to seeing your solution for this challenge 😊

One Solo• 320

@First-Ghost

Posted 4 months ago

hi i have been following your work for sometime and its very good ! , can i ask that at what point is good swich from learning js to react?

Daniel 🛸• 44,230

@danielmrz-dev

Posted 4 months ago

@kuivalappa

Thanks!

And I can't tell you that because I have not yet started learning react either...

I've been studying Javascript for 7 months now and I'm preparing to take my first react course next month.

Vivek• 190

@Vivek13130

Posted 4 months ago

hello there, the searching and filter doesn't work when a delete a filter by clicking X , it works when i click on CLEAR but not on closing a single filter : )

Please log in to post a comment

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