DEV Community

Discussion on: I Design, You Build! - Frontend Challenge #4 (Supabase version)

Collapse
 
cjdomacena profile image
CJ Domacena

Feedback: It was an amazing learning experience! Thank you!!!

Demo: idyb4.netlify.app/
Github: github.com/cjdomacena/idyb-challenge
Tech-Stack: React/ts, tailwind, react-query
Learning Outcome:

  1. In this challenge, I learned more about using react-query's infinite scroll, which was very fun!
  2. Built my own slideshow without any libraries. Hopefully it works as I intended it to. 🤣
    1. Also, working with supabase is always an amazing experience.

Again, thanks for the challenge!

Collapse
 
zernonia profile image
Zernonia

Thank you so much for participating!!
I'm glad that you had fun!!!

The slideshows is always difficult component to build, thus I would recommend using a library 😂 Personally recommend SwiperJS!

Here's some of my feedback yaaa, hope you don't mind:

  • I like that you structured Supabase query in a file.
  • I love the dropdown option for "sorting". Easy to use!!

  • The image should have a fixed width, so that it looks consistent when there's many item in the list.

  • Decimal point for "Price" should have consistent 2 decimal places. eg: $36.00

  • Infinite scroll is good! But it seems like the first trigger of infinite scroll had some unexpected loading state.

  • I think the infinite scroll is triggering multiple times, causing some unexpected item shift.

All in all, thank you once again for this submission ya!!! 🙌🏼🤩

Collapse
 
cjdomacena profile image
CJ Domacena

Appreciate the feedback!! 🙌 Will definitely continue working on it!

Thread Thread
 
zernonia profile image
Zernonia

You're welcome! Awesome! 🤩