Full stack web-sovellus yhtyeelle : verkkosivut, verkkokauppa ja maksunvälitysintegraatio
Lehtinen, Waltteri (2025)
Lehtinen, Waltteri
2025
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025060621344
https://urn.fi/URN:NBN:fi:amk-2025060621344
Tiivistelmä
Opinnäytetyön tavoitteena oli toteuttaa full stack -web-sovellus pirkanmaalaisen metalliyhtyeen, Nøkian Monarkin käyttöön. Sovelluksen tarkoituksena oli koota yhtyeen keskeiset tiedot ja materiaalit yhteen paikkaan helposti saavutettavalla tavalla sekä mahdollistaa fanituotteiden myynti yhtyeen verkkokaupan kautta. Työ syntyi yhtyeen tarpeesta parantaa näkyvyyttään, ammattimaisuuttaan ja tavoittaa laajempi yleisö.
Työssä tuotettiin räätälöity web-sovellus, joka sisältää yhtyeen kotisivut, uutisosion, hallintapaneelin sisällön muokkaamiseen sekä verkkokauppatoiminnallisuuden. Maksunvälityksen toteuttamiseen integroitiin kolmannen osapuolen palvelu, Stripe, joka mahdollistaa turvallisen ja sujuvan maksukokemuksen asiakkaille. Sovellus rakennettiin modernilla MERN-teknologiakokonaisuudella: frontend toteutettiin Reactilla, backend Node.js:llä ja Expressillä, ja tietokanta sijoitettiin MongoDB Atlas -pilvipalveluun. Sovellus julkaistiin Fly.io-palvelussa.
Sovellus vastaa yhtyeen tarpeisiin keskittämällä tiedot ja tuotteet yhtenäiselle, hallitulle alustalle, parantaen sekä yhtyeen sisäisiä toimintoja että fanien käyttäjäkokemusta. Jatkokehityksen mahdollisuuksia ovat esimerkiksi uusien tuotteiden lisäämisen mahdollistaminen suoraan hallintapaneelin kautta, käyttöliittymään toteutettavat vaihtoehtoiset dark mode ja light mode -näkymät sekä uutisosioon lisättävä tuki monipuolisemmalle sisällölle, kuten kuville ja linkeille.
Työssä tuotettiin räätälöity web-sovellus, joka sisältää yhtyeen kotisivut, uutisosion, hallintapaneelin sisällön muokkaamiseen sekä verkkokauppatoiminnallisuuden. Maksunvälityksen toteuttamiseen integroitiin kolmannen osapuolen palvelu, Stripe, joka mahdollistaa turvallisen ja sujuvan maksukokemuksen asiakkaille. Sovellus rakennettiin modernilla MERN-teknologiakokonaisuudella: frontend toteutettiin Reactilla, backend Node.js:llä ja Expressillä, ja tietokanta sijoitettiin MongoDB Atlas -pilvipalveluun. Sovellus julkaistiin Fly.io-palvelussa.
Sovellus vastaa yhtyeen tarpeisiin keskittämällä tiedot ja tuotteet yhtenäiselle, hallitulle alustalle, parantaen sekä yhtyeen sisäisiä toimintoja että fanien käyttäjäkokemusta. Jatkokehityksen mahdollisuuksia ovat esimerkiksi uusien tuotteiden lisäämisen mahdollistaminen suoraan hallintapaneelin kautta, käyttöliittymään toteutettavat vaihtoehtoiset dark mode ja light mode -näkymät sekä uutisosioon lisättävä tuki monipuolisemmalle sisällölle, kuten kuville ja linkeille.
