By the same creators of Veisla. Biero (Beer in Esperanto), is a interactive browser of Cocktail Drinks, aiming to provide a pletora of options to enhance your next party or your knowledge in the craft of mixology. Varying from Categories to Ingredients and even type of Glasses, the app displays everything necessary for the preparation, including multi language instructions.
The project was made with the intuition of continuing further on my knowledge journey around Web and Front-End development, also focusing on implementing a proper pre-designed plan as well using TypeScript.
On the same path as Veisla, Biero also uses the free version available of the TheCockTailDB API (from the same creators of the TheMealDB). limiting the user's search to only one ingredient at a time.
In the future the user will be able to filter it's research more efficiently by providing multiple ingredient search, as well filter it's options by popularity or receive suggestions randomly as well.
Biero currently uses:
- Vite;
- Vue.js;
- TypeScript
- Sass.
As well:
- Axios;
- Vue-Router;
- Font-Awesome.
The Overall Design process and researching was made in Figma
To run Biero on your machine, first make sure to have yarn and Vite installed.
Download the project and unzip it to your prefered folder, cd into the folder in your terminal, then install the dependencies:
cd biero/
yarnThen:
viteAfter that follow the port informed in your terminal in your prefered browser, and enjoy your journey, but PLEASE with moderation...
Just like this:
VITE v4.2.1 ready in 1337 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h to show help