← All projects
PROJECT OVERVIEWWEB APPLICATION

Barista — a B2B club for coffee shops: training, a menu builder and promos

An account for coffee shops and points of sale that work with the brand's products. A partner takes courses, builds a coffee menu with prices for their point, picks up seasonal recipes and ad materials, joins promo waves and draws and earns ranks.

Vue 3JavaScriptFrontendPWA
Role
Frontend developer
Timeline
2023, June — 2026, August
Личный кабинет партнёра: обучение, конструктор кофейной карты, рецепты, промо и материалы

The challenge

Build and grow the portal of the partner programme — from sign-in and training to tools for the point of sale — so that a partner could prepare the menu and materials for their coffee shop on their own.

What the solution includes

  • A coffee menu builder in five steps: background, grid, drinks with prices per size, cup and placement; the backend takes a screenshot of the preview page, and the partner downloads the menu as a picture.
  • Placing the menu in an interior: a scene in a frame gets the picture and the location number by postMessage.
  • The academy: interactive courses in a frame with a full-screen mode, completion counted by a message from the course.
  • Seasonal recipes, promo waves with categories, a catalogue of ad materials and useful materials to download.
  • A notification centre, member ranks, a prize draw, feedback and FAQ.
  • A PWA: installation on a phone with a hint for iOS and auto-update.

A commercial team project: I built the whole frontend from a ready design. Screenshots are from a local build with test data; the name of the programme and the brand's logos are hidden.

Next project Season — a summer promo: a Shadow DOM widget with an account and achievementsWEB APPLICATION