Skip to content

Your Cocktail Picks | Do you enjoy drinking cocktails? But do you forget what you liked before? Save your choices on this app and refer to it when you are at a bar! 🍸🍹🍊 πŸ’« | FYI this is a vuejs version of my original react app.

Notifications You must be signed in to change notification settings

jo-soyoung/vue-cocktail-app

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

72 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Vue Cocktail App

🍸 Click the logo above, it will link to the web application

Contents

The App

"What was the name of the cocktail that I drank last time?"
The world of cocktails is huge and it's too difficult to remember their name for me. I am sick of trying to remember their name at a bar, thus I made this app. Hopefully this helps you to enjoy your drinking life too. Cheers! πŸ₯‚

Features

  • Login function for customizing cocktail-pick-list for each user.
  • Search function for exploring the world of cocktail.
  • Pick a cocktail function for saving your choice in firebase db.
  • Responsibility for your device size.

Implementation

Figma (prototyping):

Click to see Figma

Product:

Tech Stack

Tech Stack
Front-end Vue
Styling SCSS
API TheCocktailDB
Database Firebase

FYI

I have made this app with React before, but to practice Vue3.0 I converted it into Vue app. If you are interested in the React version, check this out: :octocat: React Cocktail App

About

Your Cocktail Picks | Do you enjoy drinking cocktails? But do you forget what you liked before? Save your choices on this app and refer to it when you are at a bar! 🍸🍹🍊 πŸ’« | FYI this is a vuejs version of my original react app.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • Vue 62.5%
  • JavaScript 32.5%
  • SCSS 2.9%
  • HTML 2.1%