TrisFactor — Webapp Game-Based XFactor Italia 2022
Platform:
Web Application
Deliverables:
Consulting, Design and Development of Cloud Infrastructure, Backend and Frontend, UI/UX design
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.
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.
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
AWS
React
MongoDB
NestJS
Terraform
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