← All projects
PROJECT OVERVIEWPROMO WEBSITE

Picnic — a promo website with receipts and a map of places

The website of a summer campaign: participants buy the product, register receipts and win prizes — daily, weekly and the main one, a weekend at a hotel. A map suggests where to have breakfast or a picnic on the way.

Vue 3TypeScriptFrontendYandex Maps
Role
Frontend developer
Timeline
2025, May — August
Первый экран промосайта: призы и кнопка регистрации чека

The challenge

Build the promo website from a ready design and connect it to the campaign API: sign-up and sign-in, receipts, prizes, winners and the account — in time for the start of the campaign.

What the solution includes

  • Receipts registered in three ways: a QR code through the camera, a photo of the receipt or the data typed by hand.
  • A map on Yandex Maps: almost 800 places — parks, breakfast venues and gas stations — with a city filter, photos of the places and the nearest shops.
  • Winners with a prize filter, a search by phone number and pagination.
  • The account: the participant's data, the number of receipts, prizes and the receipt history with statuses and rejection reasons.
  • Sign-up and sign-in by email and through social networks, password recovery.
  • Blocks appearing on scroll and a responsive layout with separate pictures for phones.
  • FAQ from JSON, a feedback form; frontend errors go to a log server.

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

Next project Stack — a promo website with a game and a recipe of the dayPROMO WEBSITE