Verkkosivut psykoterapeutille
Haakila Costa, Daniel; Tocci, Claudio (2025)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025120833406
https://urn.fi/URN:NBN:fi:amk-2025120833406
Tiivistelmä
Opinnäytetyön tavoitteena oli suunnitella ja toteuttaa psykoterapeutille ammattimainen ja turvallinen verkkosivusto, joka mahdollistaa asiakasyhteydenoton digitaalisesti sekä tarjoaa toimeksiantajalle hallintapaneelin tietojen tarkasteluun. Työ toteutettiin käytännöllisenä projektina, jossa yhdistettiin modernit web-teknologiat ja tietoturvallinen suunnittelu.
Työ jakautui frontend- ja backend-osa-alueisiin. Frontend toteutettiin React-kirjastolla, jolla saatiin rakennettua responsiivinen ja komponenttipohjainen käyttöliittymä. Backend-ratkaisuna käytettiin Supabasea, joka tarjosi valmiin tietokanta- ja autentikointipalvelun. Tietoturva huomioitiin järjestelmällisesti käyttämällä SSL-salausta, kriteerejä täyttäviä kyselyitä sekä Supabasen tarjoamia turvamekanismeja.
Projektin keskeisenä tuloksena syntyi toimiva verkkosivusto, jossa on integroitu yhteydenottolomake, automaattiset sähköposti-ilmoitukset ja hallintapaneeli. Lomakkeen tiedot tallentuvat Supabase-tietokantaan, ja toimeksiantaja pystyy tarkastelemaan niitä turvallisen kirjautumisen avulla. Sähköposti-ilmoitukset toteutettiin Web3Forms-palvelun avulla, mikä yksinkertaisti teknisen toteutuksen.
Tulosten perusteella voidaan todeta, että Reactin ja Supabasen yhdistelmä tarjoaa tehokkaan ratkaisun vastaavien verkkosivustojen toteuttamiseen. Ratkaisu on skaalautuva, ja sitä voidaan hyödyntää myös muilla palvelualoilla, joissa vaaditaan turvallista asiakastietojen käsittelyä. Järjestelmän rakenne mahdollistaa myöhemmän laajentamisen esimerkiksi ajanvarausjärjestelmällä tai sisällönhallinnan lisätoiminnoilla.
Työ jakautui frontend- ja backend-osa-alueisiin. Frontend toteutettiin React-kirjastolla, jolla saatiin rakennettua responsiivinen ja komponenttipohjainen käyttöliittymä. Backend-ratkaisuna käytettiin Supabasea, joka tarjosi valmiin tietokanta- ja autentikointipalvelun. Tietoturva huomioitiin järjestelmällisesti käyttämällä SSL-salausta, kriteerejä täyttäviä kyselyitä sekä Supabasen tarjoamia turvamekanismeja.
Projektin keskeisenä tuloksena syntyi toimiva verkkosivusto, jossa on integroitu yhteydenottolomake, automaattiset sähköposti-ilmoitukset ja hallintapaneeli. Lomakkeen tiedot tallentuvat Supabase-tietokantaan, ja toimeksiantaja pystyy tarkastelemaan niitä turvallisen kirjautumisen avulla. Sähköposti-ilmoitukset toteutettiin Web3Forms-palvelun avulla, mikä yksinkertaisti teknisen toteutuksen.
Tulosten perusteella voidaan todeta, että Reactin ja Supabasen yhdistelmä tarjoaa tehokkaan ratkaisun vastaavien verkkosivustojen toteuttamiseen. Ratkaisu on skaalautuva, ja sitä voidaan hyödyntää myös muilla palvelualoilla, joissa vaaditaan turvallista asiakastietojen käsittelyä. Järjestelmän rakenne mahdollistaa myöhemmän laajentamisen esimerkiksi ajanvarausjärjestelmällä tai sisällönhallinnan lisätoiminnoilla.