Responsiivinen hallintapaneelisovellus Reactilla

Abstract

Elämme digitaalisessa ajassa, jossa yhä suurempi osa internetin käytöstä tapahtuu mobiililaitteella. Tämä tarkoittaa sitä, että internettiä selataan monilla erikokoisilla näytöillä, ja siksi onkin tärkeää, että verkkosi-vut skaalautuvat hyvin erikokoisille näytöille. Tavoitteena oli toteuttaa responsiivinen, eli erikokoisille näytöille mukautuva hallintapaneelisovellus, joka kokoaa yhteen näkymään erilaisia pienoissovelluksia eli vimpaimia. Toteutettu sovellus koostuu muistiin-pano-, kalenteri-, ja säävimpaimista. Sovellus tukee useita käyttäjiä, ja se toteutettiin Reactilla. Käyttöliittymän responsiivisuus rakennettiin CSS Grid-tekniikkaa hyödyntäen. Käyttäjien muistiinpanojen sekä tietojen tallentamiseen ja suojaami-seen käytettiin Googlen Firebase-alustaa. Sovellus julkaistiin GitHub Pages-palvelussa ja siihen lisättiin PWA-tuki mobiilikäyttöä varten. Tuloksena syntyi toimiva ja responsiivinen verkkosovellus, joka tarjoaa hyvän käyttäjäkokemuksen näy-tön koosta riippumatta. Lisäksi sovellus toimii hyvänä arjen apuvälineenä esimerkiksi erilaisten aktiviteet-tien ja aikataulujen suunnittelussa. Johtopäätöksenä todettiin, että sovellusta on mahdollista jatkokehittää, ja se tarjoaa hyvän pohjan uu-sien toimintojen lisäämiselle.