Skip to content

Commit

Permalink
Tenth Project Completed
Browse files Browse the repository at this point in the history
  • Loading branch information
mriverius authored Apr 15, 2021
1 parent 150c3f1 commit aeade6a
Showing 1 changed file with 11 additions and 19 deletions.
30 changes: 11 additions & 19 deletions recetas-bebidas/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,27 +4,19 @@ Website link [Drink Reciper](https://recetas-bebidas-mrivera.netlify.app/).

## Summary

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.
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.

### Functionality
### Learning

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.

### Design

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.
In the development of this project, I learned:
- The hook => useContext.
- To use the material-ui library to incorporate modals.
- To use an api multiple times to extract different information => [API](https://www.thecocktaildb.com/).

### Run Locally

- Clone the repository `https://github.com/RiveraMariano/react-projects.git`
- The project is on the `obtener-clima` folder
- Open the cmd and get the project route
- Run `npm start`
- The project should run in the default browser :)

### Tech Stack

- React
- React Hooks
- Netlify
- API
- Clone the repository `https://github.com/RiveraMariano/react-projects.git`.
- The project is on the `recetas-bebidas` folder.
- Open the cmd and get the project route.
- Run `npm install` for the dependencies.
- Run `npm start` (The project should run in the default browser).

0 comments on commit aeade6a

Please sign in to comment.