---
title: "Comment by Fabio D. Oliveira on \"I Design, You Build! - Frontend Challenge #4 (Supabase version)\" | Hashnode"
description: "Feedback: I loved this challenge, nice work Demo: staem.vercel.app Github: fabioivi/STAEM Tech-Stack: React, NextJS, Learning Outcome: Chakra UI Swiper"
url: "https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62745b160d853a42640539dd"
---

[Discussion](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe)

Comment [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe)

[Fabio D. Oliveira](https://hashnode.com/@fabioivi)

[May 5, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62745b160d853a42640539dd)

Feedback: I loved this challenge, nice work

Demo: [staem.vercel.app](https://staem.vercel.app/)

Github: [fabioivi/STAEM](https://github.com/fabioivi/STAEM)

Tech-Stack: React, NextJS, Learning Outcome:

1.  Chakra UI
2.  Swiper

[Zernonia](https://hashnode.com/@zernonia)

[May 6, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62745b160d853a42640539dd#reply-627484720d853a4264053c2b)

Even though the link above was deleted by Hashnode, but in my email I do see the links 😂

[staem.vercel.app](https://staem.vercel.app/) [github.com/fabioivi/STAEM](https://github.com/fabioivi/STAEM)

I'm so glad to hear that you enjoy this challenge!! 😊

---

Some quick feedback for you yaaa:

1.  I love the skeleton loader
2.  Carousel is working well using Swiper!
3.  Good job with chaining search and sort!
4.  Nicely done on Responsive Design!

Feedback:

1.  You should you input throttle on `Search` to prevent search triggers on every key input. Imagine the user search for `elden`, it would trigger 5 requests, which could cause heavy load on backend API if the traggic is busy.
2.  Hover over the card looks good, but when "unhover" it, the scale immediately drop to original, which feels a bit too sudden.
3.  Decimal places for price should be 2. eg: `$ 22.00`
4.  Click on card should open a new tab. `target=_blank`

[Fabio D. Oliveira](https://hashnode.com/@fabioivi)

[May 6, 2022](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62745b160d853a42640539dd#reply-6275816c317fc95a74ca691b)

[Zernonia](https://hashnode.com/@zernonia) thanks for the feedback.

I made the changes reported, thank you very much.