Home

Cocktail Librarian

Small web app that generates random cocktail recipes using a public API

Tech Stack

Node.jsExpressAxiosEJSHTMLBootstrapCSS/SCSSTheCocktailDB APIJavaScript
Cocktail Librarian

Overview

Cocktail Librarian is a small web application I built to practice backend + API integration.

The app generates a random cocktail recipe and displays:

  • cocktail image
  • ingredients
  • recipe instructions

Users can click a button to generate a new cocktail instantly.

What I built

  • Express server with routing
  • API integration using Axios
  • Server-side rendering using EJS templates
  • Simple responsive UI using Bootstrap

How it works

  1. The user opens the website or clicks Generate
  2. The server calls TheCocktailDB random endpoint
  3. The response is rendered into an EJS template
  4. The user sees the cocktail image + full recipe details

Tools & Technologies

  • Node.js
  • Express
  • Axios
  • EJS
  • HTML / CSS
  • Bootstrap 5
  • SCSS
  • TheCocktailDB API