TrisFactor — Webapp Game-Based XFactor Italia 2022

Platform:
Web Application
Deliverables:
Consulting, Design and Development of Cloud Infrastructure, Backend and Frontend, UI/UX design
trisfactor mockup

What did they ask from us

Sky Italia/Fremantle – We developed the application of a mini-game inspired by the traditional 'tic-tac-toe', where the player has to guess all the moves of XFactor 2022 stars; matching a character from the cast (contestants, judges and hostess) with an event related to the Live Show on air, with the feature of being integrated within the XFactor website and their mobile app.
trisfactor mockup

What we have done

With the collaboration of QuellidiFantaSanremo, for the game’s conception, we designed and developed the TrisFactor application.

It was developed in React (Create React App) for the frontend, integrating recoil for application state management. For the backend part NestJS was used, which is a framework that allows the design of backend applications in a scalable and efficient manner, and the serverless framework that allowed the exploitation of the scalability of AWS Lambdas.

For the database, we opted for the serverless version of MongoDB provided by Atlas.

Login was instead managed by Sky and integrated within our application

The cloud infrastructure on Amazon AWS was created using terraform, a tool for Infrastructure as Code multi provider, which allows the creation of different environments with a reduction in probability of error and facilitates management/maintenance.

We used the MUI library for the components, adapting the design with the style guide of XFactor provided by SKY and also included customizations for the official sponsor, Skoda

This allowed a certain continuity on their site, since our application was inserted within iFrame in the XFactor website and in their mobile app.
Tools and technologies used
amazon aws logo
AWS
react icon
React
mongodb logo
MongoDB
nestjs logo
NestJS
terraform logo
Terraform
serverless logo
Serverless
These are some of the tools and technologies we are madly in love with, which were used to create this product.

Do you have a project in mind?

Plan a free 30 minute consultation