Full Stack ToDo Web -sovellus

Abstract

Web-sovelluskehitys on viime vuosina ollut nouseva trendi. Kehittäjille on tarjolla tehokkaita ohjelmistokehyksiä ja kirjastoja kehitystyön helpottamiseksi. Tässä opinnäytetyöprojektissa katetaan koko Web-sovelluskehityksen kaari, sekä perehdytään tarkemmin JavaScript-kirjastoon ReactJS, jolla tehtiin projektin käyttäjälle näkyvä osuus. Full Stack Web -sovellus toteutettiin käyttäen teknologiapinoa, joka koostui seuraavista elementeistä: PostgreSQL-tietokanta, Express-ohjelmistokehys, Node.js (avoimen lähdekoodin palvelinympäristö) sekä ReactJS JavaScript -kirjasto.

Opinnäytetyöprojektissa Web-sovellukseen implementoitiin autentikaatio, jolla varmennetaan käyttäjän identiteetti vertaamalla JSON Web Token -arvopareja. Käyttäjien oikeudet määritetään annetun roolin mukaan (järjestelmänvalvoja tai käyttäjä). Molemmilla rooleilla on oikeudet CRUD-operaatioihin (Create, Read, Update ja Delete) tietokannan hallintaan liittyen.

Opinnäytetyöprojektista tuli kattava kokonaisuus Full Stack Web -sovelluskehityksestä kiinnostuneille opiskelijoille tai alalla lyhyen aikaa toimineille henkilöille, joka tarjoaa työkalut Full Stack -projektin tekemiseen.

Web application development has been a rising trend in recent years, and there are available more efficient software frameworks and libraries to ease development process. In this thesis project, the entire arc of web application development will be covered and focus more depthly on JavaScript library ReactJS, which was used to make the visible part of the project. The full stack web application was implemented using a technology stack consisting of the following elements: PostgreSQL database, Express framework, Node.js (open-source server environment) and ReactJS JavaScript library.

In the thesis project authentication is implemented by verifying user’s authenticity via comparing JSON Web Token values and authorization is handled by giving different roles to users (system administrator (admin) or regular user (quest)). Both roles have rights to CRUD operations (Create, Read, Update and Delete) related to database management.

The thesis project became a comprehensive entity for students interested in full stack web application development or for people who have worked in the field for a short time, which offers the tools to make a full stack project.