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

Share this project:

Updates