Vanha-Savelan tilan verkkosivut
Ruusu, Joona (2026)
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-202603265038
https://urn.fi/URN:NBN:fi:amk-202603265038
Tiivistelmä
Tämän opinnäytetyön tavoitteena oli rakentaa Vanha-Savelan tilalle uudet verkkosivut ja tilausjärjestelmän, joka ei sisällä maksujärjestelmiä. Tilan aikaisemmat kotisivut ovat jo kadonneet ja muutenkin sivut olivat ulko-näöllisesti ja käytännöllisesti vanhentuneet. Tarkoituksena oli siis kehittää full-stack-verkkosovellus, joka visu-aalisesti ja toiminnallisesti tukee tilan toimintaa. Tavoitteena oli luoda moderni käyttöliittymä kotisivuille, jossa eläimiä, tuotteita ja tilan historiaa voidaan esitellä, ja lisäksi tilausjärjestelmä, joka palvelee tilan suoramyynti-toimintaa.
Sovelluskokonaisuutta toteutettiin hyödyntäen GitHub-versionhallintaa ja Docker-kontitusta sovelluksen ympäris-tön hallintaan. Verkkosivun käyttöliittymän toteutukseen käytettiin React-JavaScript-kirjastoa ja backend-rajapintalogiikkaan FastAPI-Python-kirjastoa. Pysyvän datan tallentamiseen oli hyödynnetty MongoDB-tietokantaa ja dynaamisten kuvien hallintaan Filebrowser-sovellusta. Lisäksi sähköpostilähetyksiin tilauksia var-ten käytettiin MailerSend-rajapintapalvelua.
Lopputuloksena syntyi toimiva full-stack-sovellus, joka täyttää sille asetetut tavoitteet. Verkkokäyttöliittymästä tuli visuaalisesti moderni ja responsiivinen. Tilausjärjestelmästä tuli toimiva ja mahdollistaa tilauksien tekemisen joko tilamyymälään tai ruokapiireihin. Tulevaisuudessa järjestelmä muutetaan tuotantovalmiiksi ja se otetaan käyttöön tilan kotisivuiksi.
Sovelluskokonaisuutta toteutettiin hyödyntäen GitHub-versionhallintaa ja Docker-kontitusta sovelluksen ympäris-tön hallintaan. Verkkosivun käyttöliittymän toteutukseen käytettiin React-JavaScript-kirjastoa ja backend-rajapintalogiikkaan FastAPI-Python-kirjastoa. Pysyvän datan tallentamiseen oli hyödynnetty MongoDB-tietokantaa ja dynaamisten kuvien hallintaan Filebrowser-sovellusta. Lisäksi sähköpostilähetyksiin tilauksia var-ten käytettiin MailerSend-rajapintapalvelua.
Lopputuloksena syntyi toimiva full-stack-sovellus, joka täyttää sille asetetut tavoitteet. Verkkokäyttöliittymästä tuli visuaalisesti moderni ja responsiivinen. Tilausjärjestelmästä tuli toimiva ja mahdollistaa tilauksien tekemisen joko tilamyymälään tai ruokapiireihin. Tulevaisuudessa järjestelmä muutetaan tuotantovalmiiksi ja se otetaan käyttöön tilan kotisivuiksi.