https://github.com/okazari/react-hooks-experience
https://github.com/okazari/react-hooks-experience
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/okazari/react-hooks-experience
- Owner: Okazari
- Created: 2018-11-05T10:14:55.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-11-12T14:07:11.000Z (over 6 years ago)
- Last Synced: 2025-01-28T21:33:06.299Z (4 months ago)
- Language: JavaScript
- Size: 479 KB
- Stars: 0
- Watchers: 6
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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 with`yourname-with-hooks` as a suffix
4. Refactor using [hooks](https://reactjs.org/docs/hooks-intro.html) (~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