Files
freeCodeCamp/curriculum/challenges/japanese/10-coding-interview-prep/take-home-projects/build-a-recipe-box.md
2022-01-20 20:30:18 +01:00

1.9 KiB

id, title, challengeType, forumTopicId, dashedName
id title challengeType forumTopicId dashedName
bd7155d8c242eddfaeb5bd13 レシピボックスを作成する 3 302354 build-a-recipe-box

--description--

目標: https://codepen.io/freeCodeCamp/full/dNVazZ と同じような機能を持つ、CodePen.io アプリを構築してください。

以下のユーザーストーリーを実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。

ユーザーストーリー: 名前と材料を持つレシピを作成できます。

ユーザーストーリー: すべてのレシピの名前が現れる索引ビューを見ることができます。

ユーザーストーリー: 調べるためにそれらのレシピはどれもクリックできます。

ユーザーストーリー: これらのレシピは編集できます。

ユーザーストーリー: これらのレシピは削除できます。

ユーザーストーリー: 追加するすべての新しいレシピは自分のブラウザのローカルストレージに保存されます。 もしページを更新すると、これらのレシピはそのまま残ります。

ヒント: たとえば _username_recipes のようにして、CodePen 上でローカルストレージキーにプレフィックスを付ける必要があります。

完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。

freeCodeCamp フォーラムでプロジェクトを共有することにより、フィードバックを得ることができます。

--solutions--

// solution required