random recipes

ランダムレシピジェネレーター

これは、2つの学習目標をカバーするためのReactアプリの演習です。

• Reactを使用して外部データソースから情報を取得して表示します
• 状態とライフサイクルを管理するために必要な場合に反応フックを使用する

説明

このアプリは、スプーンキュラーAPIを使用して、ユーザーに多数のランダムレシピを表示します

テクノロジー

• React（JavaScript）

このプロジェクトは、Create Reactアプリでブートストラップされました。

はじめる

開始するには、このディレクトリをクローンして、まだ持っていない場合はYarnをインストールしてください。

プロジェクトディレクトリでは、実行できます。

yarn install

環境を設定してアプリを実行し、必要な依存関係をインストールします

yarn start

開発モードでアプリを実行します。
http：// localhost：3000を開いて、ブラウザで表示します。

編集すると、ページがリロードされます。
また、コンソールに糸くずエラーも表示されます。

計画

機能

• 1つのランダムレシピをユーザーに表示します
• レシピには、タイトル、画像、準備時間、クレジット、概要、料理が含まれます
• ユーザーはリンクをクリックして、新しいウィンドウでレシピを表示できます
• ユーザーはクリックして別のレシピを表示できます
• ボーナス：ユーザーは見たいレシピの数を変更できます
• ボーナス：ユーザーが最初にボタンをクリックするまでレシピは表示されません