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


鑑賞❤️


私は、ここのあらゆる服従を愛しています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 !

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