Inspiration
Every time I go out with my older sister, we always end up getting a beverage of some sort. Most of the time, I'll exclaim that I want to try something new. My sister often wastes a lot of time trying to help me figure out what I should drink and how I should customise it.
What it does
SoluBrew generates a random drink recipe, based on the structure of the drink you pick. You can also choose to randomize a separate section of the drink. Example: You decide you want a macchiato, so you pick a random recipe. The random selection includes a syrup you're not fond of and you decide to randomize the syrup alone only.
How I built it
SoluBrew was built on the web using HTML, CSS, and Javascript using the VisualStudio Code Editor on Linux. The domain was purchased through domain.com and the website is hosted through GitHub.
Challenges I ran into
There were many challenges encountered while creating this. Alignment and page division was a relatively large issue. I had to play around with a lot of the code to get it to look nice both on mobile and computers. Design was also a rather large challenge. Choosing a colour palette as well as designing each button to look the way I want was difficult.
Accomplishments that I'm proud of
Getting the Javascript to work and link with the HTML files.
What I learned
- How to modify the text of a tag based using JS
- Random number generation
- Arrays and indexing
- New styles within CSS
What's next for SoluBrew
- Separate beverages based on coffee shop
- Add tea options
- Add more coffee options
- Add option for lactose-intolerance
- Add option for sugar-free
Built With
- css
- domain.com
- html
- javascript
Log in or sign up for Devpost to join the conversation.