Installation

  • git clone https://github.com/Okazari/react-hooks-experience.git
  • yarn or npm i
  • yarn start or npm start

aaaand, that's it.

TP

You will create a pizza composer using your standard react development habits.

Steps

  1. Create a branch yourname
  2. Implements the Features listed below (~30min)
  3. Push your branch then create a new branch with the same name and withyourname-with-hooks as a suffix
  4. Refactor using hooks (~30min)
    • You must write a Pro_and_Cons.md about using hooks instead of your habits.
  5. Initiate a PR between the yourname and yourname-with-hooks branches
  6. Profits.

Features

List of recipes

  • List all your recipes
  • Delete a single recipe
  • Compose a new recipe

Compose a new recipe

  • Add a name for your recipe
  • List of ingredients
    • At least 4 items for each types : meat, vegetable, cheese, condiments
    • Grouped by types, order by name
    • You can add a portion of this ingredient by clicking on the item in the list
  • Resume of the recipe
    • List all the ingredients and how many portions have been added.
  • Validate your recipe
  • Cancel your recipe