Verkkofoorumi : React-Sovellus

Abstract

Opinnäytetyön tavoitteena oli luoda React-pohjainen foorumisivusto lisättäväksi tekijän portfolioon. Työ sisältää tausta-, käyttöliittymä- ja tietokantakomponentteja fullstack-sovellukselle.

Opinnäytetyössä käytettiin React-, node-, express-, MySQL2-, JWT-, MUI- ja bcrypt-kirjastoja. Foorumisivusto rakennettiin siten, että kuka tahansa käyttäjä, jolla on tai ei ole tiliä, voi tehdä hakuja mistä tahansa aiheesta sekä lukea vastauksia luotuihin aiheisiin. Kirjautuessaan sisään tai luotuaan tilin käyttäjät voivat kuitenkin luoda uusia aiheita, jotka näkyvät sivutuilla aihesivuilla kaikille, jättää vastauksia valitsemiinsa aiheisiin, tykätä tai poistaa antamiaan tykkäyksiä mistä tahansa vastauksesta sekä muokata omia vastauksiaan.

Työn tuloksena on toimiva sovellus, joka täyttää tuotekehityskelpoisuuden vähimmäisvaatimukset. Jatkokehitysehdotuksena sovellusta voisi laajentaa lisäämällä siihen esimerkiksi raporttitoiminto, käyttäjän mahdollisuus vaihtaa tai nollata salasana sekä profiilikuvan vaihtaminen pois paikkamerkkikuvasta.

The object of this thesis was to create a React framework based forum webpage to expand the creator’s portfolio. The thesis project was done by a single person over five months and contained the requisite backend, frontend and database for a full stack application.

The thesis was carried out using React, node, express, MySQL2, JWT, MUI and bcrypt libraries to build the application’s functionality. The thesis was created in such a way that any user, regardless of whether they owned an account, could search for, and interact with topics of their choosing, and read the replies to any chosen topic. Upon authentication or account creation however, the application allowed the user to create topics of their own, as well as reply to topics, both like and remove their given likes from any replies of their choosing and edit their own replies to topics.

The application could be expanded to include reporting functionality, as well as give the users the ability to change their passwords, delete their accounts, or change their profile pictures to something other than the placeholder image.