Bittiliiga — eSports-turnaus­alusta nuorille

Frontend-kehitys, UI-suunnittelu•2021

Bittiliiga: kansikuva

Kuvaus

Koronan tuomien etäsuositusten myötä syntyi kasvava tarve etänä järjestettävälle nuorisotoiminnalle. Bittiliiga on Muuramesta vuonna 2020 ponnistanut maksuton joukkuepelaamisen eSports-harrastajaliiga nuorille ja nuorille aikuisille, joka vastaa tähän tarpeeseen. Tärkeimpänä pelinä on CS:GO, jonka lisäksi pelitarjonnasta löytyy mm. League of Legends, Valorant ja Rocket League.

TavoitteetModulaarinen eSports-turnausalusta

Bittiliiga-alustalla nuori voi liittyä tiimiin ja osallistua turnauksiin. Tiimin jäsen näkee tiiminsä tulevat ottelut, ja peliserverille liittyminen tapahtuu Bittiliigan lobbyn kautta. Otteluiden tilastot tallennetaan ja ne ovat tarkasteltavissa jälkeenpäin.

Roolini Bittiliigassa oli kehittää käyttöliittymän visuaalista ilmettä sekä laajentaa alustaa uusilla ominaisuuksilla frontendin puolella. Uuden ilmeen lisäksi toteutin mm. turnausten lohkokaaviot, ilmoitukset sekä laajan admintyökalujen uudistuksen.

Bittiliiga on rakennettu Nuxt 2:lla, ja käyttöliittymässä on hyödynnetty kustomoitua Vuetify-komponenttikirjastoa. Kommunikointi backendin kanssa tapahtuu FeathersJS:n kautta.

SuunnitteluKäyttöliittymän kehittäminen

Alkuperäinen käyttöliittymä
Alkuperäinen käyttöliittymä
Ensimmäiset suunnitelmat Figmassa
Ensimmäiset suunnitelmat Figmassa
Turnauksen lohkokaaviot
Turnausten lohkokaaviot päivittyvät dynaamisesti sitä mukaa, kun otteluita pelataan
Admintyökalut
Admintyökalujen avulla voidaan vaivattomasti hallita alustan sisältöä

Ota yhteyttä

Jos haluat jutella, laita postia osoitteeseen annukka@rajala.dev tai ota yhteyttä LinkedInissä.