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

鑑賞
どのような最初の2つの課題から圧倒的な反応!私は前にそれを言った知っているが、私は本当にすべての提出を見て楽しんで、すべてのフィードバックを感謝します.あなたが挑戦を試していない場合は、私は強く、この楽しい挑戦で私たちに参加することをお勧め!🤩✨
私は誰もが異なったレベルのHTML/CSS/JavaScriptを知っているが、心配しないでください、私は今後の課題で異なる難しさに混在しようとするので、ご期待ください!🔔

チャレンジ
いくつかの1ページャ(または私は1節を言う必要があります)です😆) デザインは以前、モダンインテリア家具店のホームページを作りましょうか?
したがって、この課題では、モダンなUIのタッチで最小限の電子商取引のウェブサイトを作成する予定です.デザインの後にホームページを作成します.以下の目標を満たす.
ターゲット

🎯 ターゲット:ユーザーは同様のデザイン

を見ることができます

🎯 目標:応答設計

🎯 ターゲット:フィルタ製品

🎯 ターゲット:複数のショーケース(使用する矢印ボタン)

🎯 ターゲット:モバイルでは、ハンバーガーメニューを選択すると、ナビゲーション(自分の創造性を使用)

を見ることができます

🎯 ターゲット:モバイルでは、左に製品をスライドさせることができます.

エキストラ

🌟 追加:フィルタリング

にアニメーションを追加する

🌟 余分:アニメーションを加えるとき、ページ

をスクロールします
リソース

📃 アイコン: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 😭!

コーディング開始!
あなたがそれから挑戦をする準備ができているならば

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

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

hereを右クリックし、新しいタブで開きます.

コーディングを楽しむ!🤩

戻って提出する!

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😄
また、私自身242479152をチェック!
Website
あなたの時間と注意をありがとう!希望をお楽しみいただけます!