Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Job Listings - Fullstack with nextjs

Don Ana 740

@anttiromppanen

Desktop design screenshot for the Job listings with filtering coding challenge

This is a solution for...

  • 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?

Learnt pretty much a new tech stack while doing this project, which took some time. I was happy to even finish this project finally, but even found a way to optimize in many areas, for example database fetches got halved by removing useless state variable, and moving the logic to tanstack query.

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

Hadn't used Prisma or Supabase before, so that was a hurdle at first, also first time implementing an infinite scroll, which made the filtering of job listings not so trivial. Animating the job listings with infinite scroll and filtering also took about ten iterations.

Had to learn how to use local database for development, and Supabase for production with Prisma, because the database fetches started racking up in development.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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