Menu

Building My First JavaScript Project: Ebrius
🖼️

Building My First JavaScript Project: Ebrius

DEV Community·Kyaw Lin Thu·6 months ago
#QcqVNnkT
#comment#webdev#javascript#programming#first
Reading 0:00
15s threshold

I’m a 22-year-old Burmese immigrant living in Phuket.

Right now, I’m working a full-time bartending job while learning how to code on the side. I’m currently studying CS50, but I also wanted to start building some real projects with JavaScript.

The first project I’m going to build is a vanilla JavaScript cocktail recipe app called Ebrius.

Why a cocktail app?

Since I work as a bartender, cocktails are something I already deal with in real life. So instead of building a random todo app, I wanted to build something connected to my actual work.

For the first version, I want users to be able to:

see a list of cocktails

search cocktails

filter by base spirit

view ingredients and instructions

My setup

I created a folder called ebrius, then added these files:

index.html

style.css

app.js

cocktailData.js

I added a list of classic cocktails I usually make or personally like into cocktailData.js.

I also created a simple HTML file, initialized a GitHub repo, made my first commit, and created a develop…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.