Full stack web -sovellus: React & Django

Abstract

Opinnäytetyön toimeksiantajana toimi Missing-Link Oy. Opinnäytetyön tarkoituksena oli päivittää vanha hallintajärjestelmä käyttäen moderneja teknologioita, kuten Reactia ja Djangoa. Tavoitteena oli luoda entistä nopeampi hallinnollinen käyttöliittymä verkkosovelluksena.

Opinnäytetyö sisälsi salassa pidettäviä asioita, mistä syystä raportointi on tehty antamaan yleisluonteinen kuva full stack web -sovelluksen luomisesta. Luottamuksellinen aineisto on poistettu julkisesta raportista. Sen sijaan raporttiin on lisätty esimerkkejä koodista ja käyttöliittymästä, jotka ovat luotu raporttia varten.

Opinnäytetyön tuloksena on verkkoselaimessa käytettävä hallintajärjestelmä, millä voi luoda, lukea, päivittää ja poistaa tietoa tietokannasta. Järjestelmä sisältää myös ominaisuudet eri käyttöoikeustasoihin, käyttäjäoikeuksien hallintaan, tiedostojen lataukseen ja sähköpostien lähettämiseen. Käyttöliittymä sisältää toiminnot tiedon hakemiselle, filtteröinnille, järjestämiselle ja sivutukselle.

Valmiiden ohjelmistokehysten käyttäminen nopeuttaa full stack -sovelluksen kehitystä huomattavasti. Djangon käyttö backendissä ja React Adminin käyttö frontendissä vähentää kehittäjän työtaakkaa ja antaa keskittyä ulkonäköön ja kustomointiin.

The client of this thesis was Missing-Link Ltd. The purpose of the thesis was to update an outdated management system using modern technologies such as React and Django. The goal was to create a faster interface as a web application.

The thesis included content that cannot be disclosed therefore it has been written to give a broad picture of creating a full-stack web application. Confidential content has been removed from the public paper. Included instead are examples of code and interface that are created for this paper.

The result of this thesis is a management system ran on a web browser that enables creating, reading, updating, and deleting content from the database. The system also includes multiple levels of access, features for managing them, up-loading files, and sending email. The interface allows for searching, filtering, and sorting content as well as pagination.

Using software frameworks speeds up developing full stack applications considerably. Using Django and React Admin when developing backend and frontend respectively reduces the load on the developers and lets them focus on appearance and customization.