Reaaliaikainen chat-sovellus Reactilla ja Socket.IO:lla
Järvinen, Leevi (2025)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202501302101
https://urn.fi/URN:NBN:fi:amk-202501302101
Tiivistelmä
Tämän työn aiheena oli rakentaa reaaliaikainen chat-sovellus moderneilla web-teknologioilla. Tavoitteena on opettaa lukijalle verkkosovelluksen suunnittelu, kehitys, peruskäytänteet sekä reaaliaikaisuuden toteutus käyttäen Socket.IO kirjastoa. Työlle ei ollut ulkopuolista toimeksiantajaa ja tarkoituksena oli toimia työnkehittäjälle mahdollisuutena oppia ja laajentaa osaamistaan full-stack web-kehityksessä.
Alussa käsitellään teoriaosio, jossa perehdytään olennaisiin teknologioihin, joita hyödyntäen projekti rakennettiin. Osiossa esitellään kyseisten teknologien keskeiset periaatteet ja teorian tueksi tuodaan konkreettisia esimerkkejä, jotka ha-
vainnollistavat teknologioiden käytännön sovelluksissa.
Toteutusosio käsittelee projektin rakentamiseen ja testaamiseen käytetyt työkalut, minkä jälkeen siirrytään varsinaiseen toteutukseen. Toteutuksessa keskitytään reaaliaikaisen sovelluksen alustamiseen, rakentamiseen sekä valittujen teknologioiden integrointiin sovellukseen. Osion tavoitteena on tarjota lukijalle selkeä käsitys reaaliaikaisen web-sovelluksen rakentamisesta valituilla teknologioilla ja toimia esimerkkinä oman projektin kehittämistä varten.
Testausosio käsittelee sovelluksen API-kutsujen testaamista ja virhetilanteiden hallintaa sekä havainnollistaa, miten tallennettu tieto näkyy tietokannassa. Lisäksi Socket.IO:n reaaliaikaiset toiminnot testataan ja varmistetaan niiden toimivuus sovelluksessa.
Lopuksi käydään läpi pohdintaosio, jossa työn kehittäjä jakaa oman mielipiteensä projektista ja sen suorituksesta. Kertoi mitä uusia menetelmiä on oppinut ja missä olisi parannettavaa.
Alussa käsitellään teoriaosio, jossa perehdytään olennaisiin teknologioihin, joita hyödyntäen projekti rakennettiin. Osiossa esitellään kyseisten teknologien keskeiset periaatteet ja teorian tueksi tuodaan konkreettisia esimerkkejä, jotka ha-
vainnollistavat teknologioiden käytännön sovelluksissa.
Toteutusosio käsittelee projektin rakentamiseen ja testaamiseen käytetyt työkalut, minkä jälkeen siirrytään varsinaiseen toteutukseen. Toteutuksessa keskitytään reaaliaikaisen sovelluksen alustamiseen, rakentamiseen sekä valittujen teknologioiden integrointiin sovellukseen. Osion tavoitteena on tarjota lukijalle selkeä käsitys reaaliaikaisen web-sovelluksen rakentamisesta valituilla teknologioilla ja toimia esimerkkinä oman projektin kehittämistä varten.
Testausosio käsittelee sovelluksen API-kutsujen testaamista ja virhetilanteiden hallintaa sekä havainnollistaa, miten tallennettu tieto näkyy tietokannassa. Lisäksi Socket.IO:n reaaliaikaiset toiminnot testataan ja varmistetaan niiden toimivuus sovelluksessa.
Lopuksi käydään läpi pohdintaosio, jossa työn kehittäjä jakaa oman mielipiteensä projektista ja sen suorituksesta. Kertoi mitä uusia menetelmiä on oppinut ja missä olisi parannettavaa.