私はデザイン、あなたが構築!フロントチャレンジチャレンジ

鑑賞❤️

私は、ここのあらゆる服従を愛していますDev.to 前の課題から!本当に参加した皆さんに感謝します.

新しい挑戦（supabase version）

プレーン1ポケットベルから静的データをステップアップしましょう!もう時間だfetch チャレンジ!チャレンジャー(API)は、動的コンテンツを表示するAPIからデータを取得する必要があります!🤩
しかし、なぜそれはSupabase バージョン?私たちは、Subabaseの超強力な自動生成されたREST API/GraphSQLのエンドポイントを活用してデータを問い合わせます.単純なクエリだけでなく、あなたも適用することができますてpagination/filters 単一のバックエンドコードを記述せずにクエリに!
心配しない😉! 私はツールを作りましたSupaDB これは、ユーザーが無料で提供されるすべてのデータにアクセスすることができます!単に認証キーを得るためにサインアップし、supabaseクライアントを開始し、準備が整いました!
ターゲット

🎯 ターゲット:提供APIから取得する

🎯 ターゲット:検索ゲーム名

🎯 ターゲット:“価格”、“名前”でソートゲーム

🎯 ターゲット:カルーセルアイテム

🎯 目標:応答設計

🎯 ターゲット:スチームのゲームのページへの外部リンク

エキストラ

🌟 追加:ローディング状態(ローダ/スケルトン)

🌟 ホバーアニメーション

リソース

📃 -https://supabase.com/docs/reference/javascript/select

📃 アイコンhttps://icones.js.org/collection/all

📃 ホスティングhttps://vercel.com/

⚠ It will defeat the purpose of learning if you just copy and paste someone else's answer 😭!

賞品！

タイトルとして、これは“私は、あなたがビルド”チャレンジのsupabaseバージョンですので、最高の服従を持っている😉)

The judging period will be 1 month time from the today!
Dateline for submission will be 7 May 2022

これは、“iデザイン、あなたは”シリーズ、および間違いなく最後の賞品のための最初の賞品です!将来より多くの賞品があります!だから、この挑戦をブックマークし、私に従ってくださいDev.to そして、最新の状態に滞在する!

コーディング開始！

あなたがそれから挑戦をする準備ができているならば

ヘルプ💖 このデザインDribbble , そして私に従ってください!…😳

ブックマークこのように簡単に提出することができます.

右クリックhere そして、Figmaデザインを見るために、新しいタブで開いている関連を開けてください.

をお楽しみくださいコーディング!🤩

提出に戻ってください!

All the images and assets are free to use, and can be exported from the Figma Design.

提出

完了したら、このポストに戻ってくると、次の使用してソリューションを提出してtemplate コメント欄で.あなたがコメントし、upvotes他の答えを奨励されて!
ありがとう!💘

Feedback: This is awesome!

Demo: <url>
Github: <url>
Tech-Stack: Vue, TailwindCSS
Learning Outcome: 
  1. 
  2.

なぜ？

私はこれらのデザインを自由に共有して、ウェブデザインに挑戦したり、挑戦したいと思っている人が、他のプラットフォーム(AHEM)を使って自分の* Figma Design *を手に入れずにできるようにしました🎨 ファイル.
あなたのポートフォリオで作成したデザインを使用するには無料です.著作権主張または何もありません.
しかし、あなたが私の仕事を愛しているならば、あなたは私についてDev.to and 😄
また、私自身をチェックアウトWebsite !

あなたの時間と注意をありがとう！希望をお楽しみいただけます！