Submitted over 3 years ago

NextJS +Typescript Solution to Filterable Static Job List

Abhik• 4,840

@abhik-b

Preview site View code

This is a solution for...

Job listings with filtering

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello Frontend Mentors 👋

I tried my best on this challenge to make it perfect, I have used nextjs with typescript and this was a kind of practice project for me using useReducers and useContext hook !

So please provide any feedback , tips, suggestions related to my code or solution 🙏, I'll highly appreciate your help

I actually recorded a youtube video while solving this , so if you are stuck with this challenge , you can use it as a reference🤞

Community feedback

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hi there, Abhik! 👋

I just noticed you completed another challenge! 😀 Fantastic work on this one! 🙌

I love the subtle transitions you added to the various elements of the page and the transition of the content when changing the filters is SOOO smooth! 🤩 Also, the attribution you added at the bottom of the page is very cool! 😎 Of course, everything else looks great and responds nicely! 😉

A super tiny suggestion I might make is to add a little more space around the sides of the job cards in the mobile layout so that there's some more room between them and the edges of the page. 🙂

As always, keep coding (and happy coding, too)! 😁

Marked as helpful

Abhik• 4,840

@abhik-b

Posted over 3 years ago

@ApplePieGiraffe I'm glad you liked my solution , your feedback really motivates me a lot 🙏 , I'll definitely try to make the job cards have some space around the sides for mobile devices

Happy coding 😇

Renszo Camacho• 1,615

@RenszCamacho

Posted over 3 years ago

My man. That's sleek. Can't say anymore. I do like it. 👏👏👏. I'm gonna check your Youtube channel right now.

Greetings.

Marked as helpful

Abhik• 4,840

@abhik-b

Posted over 3 years ago

Thanks a lot @RenszCamacho for the compliments and thanks for checking out my channel ❤, it motivates a lot 💯

Szymon Rojek• 4,540

@SzymonRojek

Posted over 3 years ago

Hi @abhik-b,

What can I say. Great job!!!

Amazing the left border - I love it.

What do you think about the validator using by frontendmentor.io - when I check my projects through the W3C Markup Validation Service => always get a great result but in here as a result sometimes I receive a few bugs. What do you think about it?

Cheers:D

Marked as helpful

Abhik• 4,840

@abhik-b

Posted over 3 years ago

Hi @SzymonRojek thanks for the compliments , it really motivates me a lot 💯

**This is just my opinion and observation - ** I have observed that whenever I use nextjs instead of plain html , I get a ton of issues (maybe because I don't get full control over html markup) , since with every project here I try to focus on some specific skills or topics, I ignore those issues whom I cannot fix (in most cases those issues does not matter)

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