Building My First JavaScript Project: Ebrius

#webdev #javascript #beginners #programming

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 branch so I can build the app feature by feature.

What I want to learn

With this project, I want to understand:

vanilla JavaScript
DOM manipulation
event listeners
search and filter logic
reading MDN Docs and Eloquent JavaScript
using Git and GitHub properly

This is my first real attempt at building a JavaScript web app from scratch.

It’s probably going to be messy at first, but I want to build it, break it, fix it, and actually understand what I’m doing.