REACT-baserad webbshop med headless CMS
2021 (Swedish)Independent thesis Basic level (university diploma), 10 credits / 15 HE credits
Student thesis
Abstract [en]
The goal of this independent degree project has been to develop an online shop together with the communications agency Welcom in Gothenburg. A solution will be developed to facilitate the management of the content of the website with the help of modern front-end technologies. The project has been built with reusability in mind where the customer has the opportunity to tailor their website according to need with the help of a content management system. The purpose of my work has been to develop React components that will form part of the finished web shop. The expectation is that these parts will maintain such a high level that they can be put to use and used by the customers who choose to buy the company's products online. The work has been carried out with the help of techniques such as React, GraphQL and Jetshop, where the work with the website has followed an agile work pattern with sprints. Application tests have been performed using Cypress to ensure that the website works as intended. The work has resulted in both dynamic and static React components that will be implemented in the finished solution to the customer. Specific elements for the e-commerce platform have been developed so that the customer can tailor their website to future needs. The goals that have been met also meet the requirements the company has towards the customer.
Abstract [sv]
Målet med detta självständiga examensarbete har varit att utveckla en webbshop tillsammans med kommunikationsbyrån Welcom i Göteborg. En lösning kommer utvecklas för att underlätta hanteringen av innehållet på webbplatsen med hjälp av moderna front-end tekniker. Projektet har byggts med återanvändbarhet i åtanke där kund har möjlighet att skräddarsy sin webbplats utefter behov med hjälp av ett innehållshanteringssystem. Syftet med mitt arbete har varit att utveckla React-komponenter som kommer att utgöra delar utav den färdiga webbshoppen. Förväntningen är att dessa delar ska hålla en så pass hög nivå att de kan sättas i bruk och utnyttjas av de kunder som väljer att handla företagets produkter över nätet. Arbetet har genomförts med hjälp av tekniker som React, GraphQL och Jetshop där arbetet med webbplatsen har följt ett agilt arbetsmönster med sprintar. Applikationstester har utförts med hjälp av Cypress för att säkerställa att webbplatsen fungerar så som tänkt. Arbetet har resulterat i både dynamiska och statiska React-komponenter som kommer implementeras i den färdiga lösningen till kund. Specifika element till e-handelsplattformen har utvecklats för att kunden ska kunna skräddarsy sin webbplats efter framtida behov. De mål som har uppfyllts fyller även de krav företaget har gentemot kund.
Place, publisher, year, edition, pages
2021. , p. 36
Keywords [sv]
React, JavaScript, JSX, GraphQL, Jetshop, CMS, Cypress
National Category
Computer Engineering
Identifiers
URN: urn:nbn:se:miun:diva-42195Local ID: DT-V21-G2-025OAI: oai:DiVA.org:miun-42195DiVA, id: diva2:1563805
Subject / course
Computer Engineering DT1
Educational program
Web Development TWEUG 120 higher education credits
Supervisors
Examiners
2021-06-102021-06-102021-06-10Bibliographically approved