Fantasanremo 2023 — New webapp for the game dedicated to the Sanremo Festival and Eurovision Song Contest
Platform:
Web Application
Deliverables:
Cloud infrastructure, Back-End e Front-End Development, UI/UX design
Our client
MK2 srls quellidifantasanremo.com
What did they ask from us
We were entrusted with the task of developing a web application dedicated to the game FantaSanremo, making it versatile so that it can be used for other games in this genre such as FantaEurovision and to take care of the interface and user experience on the application, adding new functions compared to the previous version.
What we have done
We are thrilled to have contributed to the success of a project dedicated to the Sanremo Festival that involved millions of users.
We brought the project to life using wireframe and wireflow to create a mockup of the new interface. Thanks to the MUI library, we created customized components following the new style guidelines.
Fantasanremo was created from a backend exposing REST APIs developed using the NestJS framework and serverless, an all-in-one solution that enables the creation of scalable applications with AWS lambdas. The cloud infrastructure was created with Terraform, which, thanks to its compatibility with various providers such as AWS and Altas MongoDB, allowed us to manage everything with a single tool.
For the database our choice was Atlas MongoDB with a dedicated cluster that allowed us to manage more than 2M users and more than 4M created teams.
For the frontend, we chose to develop a PWA with NextJS, taking advantage of the potential of SSG (Static Site Generation), which allowed us to use AWS S3 for hosting the web application with all the benefits this brought in terms of scalability.
For state management we have chosen to use Recoil which has now replaced redux in our development stack because of its simplicity of implementation as well as the fact that it manages caches by default. Storybook gave us the possibility of developing frontend components with comprehensive and visual documentation, simplifying the development and testing of these.
We brought the project to life using wireframe and wireflow to create a mockup of the new interface. Thanks to the MUI library, we created customized components following the new style guidelines.
Fantasanremo was created from a backend exposing REST APIs developed using the NestJS framework and serverless, an all-in-one solution that enables the creation of scalable applications with AWS lambdas. The cloud infrastructure was created with Terraform, which, thanks to its compatibility with various providers such as AWS and Altas MongoDB, allowed us to manage everything with a single tool.
For the database our choice was Atlas MongoDB with a dedicated cluster that allowed us to manage more than 2M users and more than 4M created teams.
For the frontend, we chose to develop a PWA with NextJS, taking advantage of the potential of SSG (Static Site Generation), which allowed us to use AWS S3 for hosting the web application with all the benefits this brought in terms of scalability.
For state management we have chosen to use Recoil which has now replaced redux in our development stack because of its simplicity of implementation as well as the fact that it manages caches by default. Storybook gave us the possibility of developing frontend components with comprehensive and visual documentation, simplifying the development and testing of these.
Tools and technologies used
AWS
Atlas MongoDB
Recoil
React
Serverless
Storybook
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