Mid Sweden University

miun.sePublications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
REACT-baserad webbshop med headless CMS
Mid Sweden University, Faculty of Science, Technology and Media, Department of Information Systems and Technology.
2021 (Swedish)Independent thesis Basic level (university diploma), 10 credits / 15 HE creditsStudent 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
Available from: 2021-06-10 Created: 2021-06-10 Last updated: 2021-06-10Bibliographically approved

Open Access in DiVA

No full text in DiVA

Search in DiVA

By author/editor
Stenbäck, Elin
By organisation
Department of Information Systems and Technology
Computer Engineering

Search outside of DiVA

GoogleGoogle Scholar

urn-nbn

Altmetric score

urn-nbn
Total: 319 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf