Fantasanremo 2023 — Nuova webapp per il gioco dedicato al Festival di Sanremo ed Eurovision Song Contest
Platform:
Web Application
Deliverables:
Infrastruttura Cloud, Back-End e Front-End development, UI/UX design
Il nostro cliente
MK2 srls quellidifantasanremo.com
Cosa ci hanno chiesto
Ci hanno affidato il compito di sviluppare una web Application dedicata al gioco FantaSanremo, rendendola versatile in modo che possa essere utilizzata per altri giochi del genere come ad esempio FantaEurovision e di curare l'interfaccia e l'esperienza utente dell’applicativo, aggiungendo nuove funzionalità rispetto alla versione precedente.
Cosa abbiamo fatto
Siamo entusiasti di aver contribuito al successo di un progetto dedicato al Festival di Sanremo che ha coinvolto milioni di utenti.
Abbiamo dato vita al progetto utilizzando wireframe e wireflow per creare un mockup della nuova interfaccia. Grazie alla libreria MUI, abbiamo creato componenti personalizzati seguendo le nuove linee guida stilistiche.
Fantasanremo è stato creato partendo da un backend che espone API REST sviluppate usando il framework NestJS e serverless, una soluzione all-in-one che consente di creare applicativi scalabili con le AWS lambda.
L'infrastruttura cloud è stata creata con Terraform che grazie alla sua compatibilità con i vari provider come AWS, Altas MongoDB ci ha permesso di gestire il tutto con un unico tool.
Per il database la nostra scelta è ricaduta su Atlas MongoDB con un cluster dedicato che ci ha permesso di gestire più di 2M di utenti e più di 4M di squadre create.
Per il frontend si è scelto di sviluppare una PWA con NextJS, sfruttando le potenzialità del SSG (Static Site Generation) che ci ha permesso di usare AWS S3 per l'hosting della web application con tutti i benefici che questo ha portato in termini di scalabilità.
Per lo state management abbiamo scelto di usare Recoil che ha ormai sostituito definitivamente Redux nel nostro stack di sviluppo per la sua semplicità di implementazione oltre al fatto che gestisce cache di default.
Storybook ci ha dato la possibilità di sviluppare i componenti del frontend con una documentazione completa e visuale semplificando lo sviluppo e i test di questi.
Abbiamo dato vita al progetto utilizzando wireframe e wireflow per creare un mockup della nuova interfaccia. Grazie alla libreria MUI, abbiamo creato componenti personalizzati seguendo le nuove linee guida stilistiche.
Fantasanremo è stato creato partendo da un backend che espone API REST sviluppate usando il framework NestJS e serverless, una soluzione all-in-one che consente di creare applicativi scalabili con le AWS lambda.
L'infrastruttura cloud è stata creata con Terraform che grazie alla sua compatibilità con i vari provider come AWS, Altas MongoDB ci ha permesso di gestire il tutto con un unico tool.
Per il database la nostra scelta è ricaduta su Atlas MongoDB con un cluster dedicato che ci ha permesso di gestire più di 2M di utenti e più di 4M di squadre create.
Per il frontend si è scelto di sviluppare una PWA con NextJS, sfruttando le potenzialità del SSG (Static Site Generation) che ci ha permesso di usare AWS S3 per l'hosting della web application con tutti i benefici che questo ha portato in termini di scalabilità.
Per lo state management abbiamo scelto di usare Recoil che ha ormai sostituito definitivamente Redux nel nostro stack di sviluppo per la sua semplicità di implementazione oltre al fatto che gestisce cache di default.
Storybook ci ha dato la possibilità di sviluppare i componenti del frontend con una documentazione completa e visuale semplificando lo sviluppo e i test di questi.
Tools e tecnologie utilizzate
AWS
Atlas MongoDB
Recoil
React
Serverless
Storybook
Questi sono alcuni strumenti e tecnologie, di cui siamo follemente innamorati, usati per realizzare questo prodotto
Hai un progetto in mente ?
Pianifica una consulenza gratuita di 30 minuti