KÒKTEL

Cocktail recipe app with personalized recommendations and social sharing.

System Overview

The problem

Cocktail discovery was scattered across sites and apps with no consistent structure for saving and browsing by category or ingredient.

What I built

Recipe platform with search, categories, favorites, and user accounts: structured data and clear flows for discovery and saving.

Automation & intelligence

API-driven recipe data; Supabase for auth and favorites; no AI, focused on clean structure and fast, reliable UX.

Business impact

A single, fast product for discovery and saved recipes that scales with content and user growth.

Project Overview

KÒKTEL is a cocktail discovery platform for browsing, exploring, and saving cocktail recipes. It uses a cocktail API for recipe data. Users must be 18+ (age gate). It includes user accounts, favorites, and premium features.

Key Features

Extensive cocktail recipe database with detailed instructions

Search: by name, category, glass type, or letter

Category browsing and advanced search filters

Favorites: save and manage favorite recipes

Recipe details: view ingredients, instructions, and images

Random cocktail: "Surprise me" feature

Brand Color Palette

Primary White

#faf9f6

Main brand color for backgrounds

Primary Black

#1a1a1a

Main text color

Medium Brown

#8B7355

Accent color for buttons, highlights and interactive elements

Secondary Brown

#E8DDD4

Secondary color for cards, backgrounds and subtle elements

Technology Stack

React.js

Next.js

TypeScript

Supabase

Cocktail API

Vercel

MUI

Website Experience

Homepage - Personalized cocktail discovery

Categories - Browse cocktails by style and glass types

Cocktail Recipe - View detailed instructions and ingredients