Skip to content

Commit aeade6a

Browse files
authored
Tenth Project Completed
1 parent 150c3f1 commit aeade6a

File tree

1 file changed

+11
-19
lines changed

1 file changed

+11
-19
lines changed

recetas-bebidas/README.md

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,19 @@ Website link [Drink Reciper](https://recetas-bebidas-mrivera.netlify.app/).
44

55
## Summary
66

7-
This is my tenth web application developed with react. I decided to start learning the javascript library because in the future when I finish my degree I would like to specialize in web development. This website uses the useState and useEffect hooks in addition to local storage to manage medical appointments, and for the hosting of the application I used the Netlify platform.
7+
This is project 10/10, this project has an input to search for an ingredient and a select to choose a category of drink, when the search button is pressed, all possible combinations are returned in the form of letters. If you press the see recipe button, a modal opens with the details of how to prepare the drink.
88

9-
### Functionality
9+
### Learning
1010

11-
The application uses the hooks useState and useEffect, the first one is in charge of modifying the states of the objects where the information of the appointment is stored. The second is responsible for showing the wheater. I used an API called Open Wheather and import the information into a JSON.
12-
13-
### Design
14-
15-
I used the materialize style library. The other styles are inside a style sheet that is imported into the HTML. It is a simple design of a form and some cards to show the wheather.
11+
In the development of this project, I learned:
12+
- The hook => useContext.
13+
- To use the material-ui library to incorporate modals.
14+
- To use an api multiple times to extract different information => [API](https://www.thecocktaildb.com/).
1615

1716
### Run Locally
1817

19-
- Clone the repository `https://github.com/RiveraMariano/react-projects.git`
20-
- The project is on the `obtener-clima` folder
21-
- Open the cmd and get the project route
22-
- Run `npm start`
23-
- The project should run in the default browser :)
24-
25-
### Tech Stack
26-
27-
- React
28-
- React Hooks
29-
- Netlify
30-
- API
18+
- Clone the repository `https://github.com/RiveraMariano/react-projects.git`.
19+
- The project is on the `recetas-bebidas` folder.
20+
- Open the cmd and get the project route.
21+
- Run `npm install` for the dependencies.
22+
- Run `npm start` (The project should run in the default browser).

0 commit comments

Comments
 (0)