Manava: Esports Platform Case Study

Case studyProduct

A Next.js front end connected to a Directus admin panel and external APIs, with animation throughout the interface.

Client: MANAVAA skill-based esports platform with tournaments and NAVA rewards.
Type: ProductWeb product in seven languages.
Our part: Web developmentFront end, animations and API integrations, with Directus as the admin panel.
Stack: Next.js · Directus · Three.js · Swiper.jsFront end on Next.js, admin on Directus, 3D on Three.js, sliders on Swiper.
Timeline: 13 weeksFrom the supplied design to the live site.

About project

A Front End for an Esports Platform

We implemented the MANAVA front end on Next.js: a games catalogue by platform, career paths, leaderboard results, sign-up steps and animation throughout, connected to external APIs, with Directus as the admin panel and seven language versions. The project took 13 weeks.

weeks of development: 13
language versions: 7
games in the popular catalogue: 6

The brief

The task

Implement the product’s front end, animations and API integrations, with Directus providing the admin panel.

<01> In · From the clientSupplied design
<02> ROOKS · 13 weeksWeb development
<03> Out · LiveEsports platform front end

What we built

A product interface in three layers: what players see, what the team manages, what the data runs on.

Front end
Next.js with animations.
Admin
Directus CMS as the admin panel.
Integrations
Connections between the front end and external APIs.

On the live site

Key features

Preloader: Animated loading screen.
Games catalogue: Popular games by platform with “Get started”.
Career paths: Solo games, team tournaments and a referral network.
Leaderboard: Real results from users.
Sign-up steps: How to start in a few steps.
Languages: English, German, Spanish, Portuguese, Ukrainian, Russian, Turkish.