/SimpleCoffeelist

https://devchallenges.io/challenge/simple-coffee-listing

Primary LanguageTypeScript

機能

  • 指定されたデザインに合わせたコーヒーリストページを作成します。
  • このチャレンジにはReactまたは他のフロントエンドライブラリを使用します。
  • 再利用可能なカードコンポーネントを作成します。
  • カードコンポーネントには、写真、名前、価格、評価、存在する場合は投票数を含める必要があります。
  • カードコンポーネントは、人気のタグ、利用可能なステータスを条件付きでレンダリングする必要があります。
  • 指定されたデータでコーヒーリストをレンダリングします。
  • データは指定されたAPIまたはダウンロードしたJSONファイルから取得する必要があります。
  • ユーザーは、すべての製品をリストするか、利用可能な製品のみをリストすることを選択できます。
  • ソリューションをデプロイし、リポジトリURLとデモURLを提出します。

API

https://raw.githubusercontent.com/devchallenges-io/web-project-ideas/main/front-end-projects/data/simple-coffee-listing-data.json