--- title: "Zernonia (@zernonia) | Hashnode" description: "Vue Developer | Supabase Fans 馃槀. Read the latest articles by Zernonia on Hashnode." url: "https://hashnode.com/@zernonia" --- @zernonia # Zernonia @zernonia 路 Malaysia 路 Joined November 2020 Vue Developer | Supabase Fans 馃槀 [Website](https://www.zernonia.com/) ## Comments [Omar Moustafa Hahahahah congratz!!!](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/6277dac9317fc95a74caa04a#reply-62790530ffdd2d96c766f388) Reply 路 Article 路 May 9, 2022 路 [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 Arpit Dalal Alejandro Alvarez Alfredo Tito Omar Moustafa Congratulation to 5 of our winners for "I Design, You Build" Challenge 4!! Please DM me on Twitter (zernonia) to receive your reward!!!! 馃ぉ Thank you everyone for participating!! I love all the submissions! 鉂わ笍](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/6277dac9317fc95a74caa04a) Comment 路 Article 路 May 8, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [Thank you! It will be UTC 7 May 馃榿](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/627570e7317fc95a74ca67ad#reply-6275db04317fc95a74ca6eb4) Reply 路 Article 路 May 7, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [Sorry I missed out your comment here 馃槄 Awesome job Alfredo Tito !!! The page looks and feels so much better now!! I'm loving it! 鉂わ笍 Hope you do enjoy the challenge ya! 馃槉](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62668c8b5dd5677e9b8e09b8#reply-627485678af49c436c440395) Reply 路 Article 路 May 6, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [Even though the link above was deleted by Hashnode, but in my email I do see the links 馃槀 https://staem.vercel.app/ https://github.com/fabioivi/STAEM I'm so glad to hear that you enjoy this challenge!! 馃槉 Some quick feedback for you yaaa: I love the skeleton loader Carousel is working well using Swiper! Good job with chaining search and sort! Nicely done on Responsive Design! Feedback: 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. Hover over the card looks good, but when "unhover" it, the scale immediately drop to original, which feels a bit too sudden. Decimal places for price should be 2. eg: $ 22.00 Click on card should open a new tab. target=\_blank](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62745b160d853a42640539dd#reply-627484720d853a4264053c2b) Reply 路 Article 路 May 6, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [I'm glad the hear your awesome feedback! Yup I saw this opportunity to make a design challenge, and let user experience the awesomeness of Supabase at the same time! Nicely done btw! Here some of my feedback yaa! Love the skeleton loader when fetching data Carousel works nicely! Good job on the responsiveness! Sorting and search is working nicely Improvement: Skeleton loader color is abit too bright Responsive design - can try improve the alignment of the pricing! (removing width: 100% !important from .ihucCa span) Sorting and search could would be even better if you chain those utilities together. Infinite scrolling seems to be not working 馃槬](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62668c8b5dd5677e9b8e09b8#reply-6266d7f348d65f908681a1f2) Reply 路 Article 路 Apr 25, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [Omar Moustafa Sure no problem! Whatever tech stack will do, as long as the design and functionalities is there. Vercel has some very useful guide showing how to deploy Angular apps. Do let me know if you got the site running ya! 馃ぉ](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62653b35d82f4558aff8ad14#reply-6266d5791612be8e5c8fcce4) Reply 路 Article 路 Apr 25, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [Yup! Only submission for challenge #4 will have the chance to win the SWAG 馃槈](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb/comment/626680495dd5677e9b8e0714#reply-626688edd82f4558aff8cc47) Reply 路 Article 路 Apr 25, 2022 路 [I Design, You build! - Frontend Challenge #1](https://hashnode.com/posts/i-design-you-build-frontend-challenge-1/614ec9b494bb297e1aad63cb) [Yes you may!!](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/626668f85dd5677e9b8e0387#reply-62666b105dd5677e9b8e03c3) Reply 路 Article 路 Apr 25, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe) [You are a BEAST!!! So fast completed another challenge! Feedback: I LOVE you put the effort in adding the Steam's favicon!! Good carousel header as well! Love the subtle hover effect on cards. Good job in chaining "search" and "sort" functionalities! Good job on splitting codes into each components Improvement: The size of image for the cards is inconsistent. Infinite scroll seems to trigger twice. Carousel item distance is a bit too far. Carousel bullet is not so clear, and the color is off. Hint: You can use Supabase to return "count", so that you can trigger infinite scrolling programmatically.](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe/comment/62658d145dd5677e9b8def1e#reply-62662cf9d82f4558aff8bf69) Reply 路 Article 路 Apr 25, 2022 路 [I Design, You Build! - Frontend Challenge #4 (Supabase version)](https://hashnode.com/posts/i-design-you-build-frontend-challenge-4-supabase-version/625d3c64740c26066de65ebe)