Responsiivinen hallintapaneelisovellus Reactilla
Kosonen, Lauri (2026)
Kosonen, Lauri
2026
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202602022122
https://urn.fi/URN:NBN:fi:amk-202602022122
Tiivistelmä
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.
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.
