Yasin DehfuliFront-end developer
Yasin DehfuliFront-end developer
Front-end

Saraf World Cup 2026 prediction campaign

World Cup 2026 prediction campaign for Saraf, where users forecast matches, earn points and climb ranked groups to win a share of three bitcoins.

  • Nuxt.js
  • Vue.js
  • SCSS
  • Swiper
  • Mobile-first design
Full-page screenshot of Saraf World Cup

Overview

For the 2026 World Cup, Saraf ran a prediction campaign: users forecast each match, earn points round by round and climb six ranked groups, from Players to Champions, for a share of a three-bitcoin prize.

I built the campaign as a mobile-first Nuxt.js and Vue.js app, with today’s matches in a swipeable carousel, countdowns in the Persian calendar, a ranking table of the prize groups and confetti when a prediction is made.

What I built

  • A mobile-first layout with a sticky call to action at the bottom of the screen
  • Today’s matches in a Swiper carousel, each with a Predict button
  • Countdown timers with dates in the Persian calendar
  • A ranking table of six prize groups, from 0.1 to 1 bitcoin
  • Confetti on predictions and on the ranking table
  • Images and fonts optimized with Nuxt Image and Nuxt Fonts

Planning something similar?

Tell me what you’re building and when you need it, and I’ll reply with questions and next steps.

Get in touch

Designed and built with Angular.