Den här studien har haft i avseende genom kvalitativa intervjuer med erfarna utvecklare från ÅF i Karlstad fånga upp deras uppfattningar om olika koncept bakom MEAN-stacken och liknande lösningar. Det är sedan från den dessa intervjuer den här undersökningen har syftat på att avgöra i vilken typ av projekt som en sån här utvecklings stack kan antas vara bra att använda och fånga faktorer när den bör undvikas. Teorin stod i grunden för intervjuerna och ämnen som skalbarhet, komponentbaserad struktur, entrådad asynkron bearbetning och koncept om att jobba med JavaScript i sin helhet har berörts. All insamlad data har bearbetats i en analys och ställts emot den teori som har samlats in under uppsatsens gång och presenterats i rapportens slutsats. Resultatet visade på att MEAN-stacken och liknande utvecklingsstackar passar bra vid snabb utveckling av lättviktiga, skalbara webbapplikationer som skapar bra kodstruktur med en flexibel datalagring. Detta har avsett att uppnå bra förståelse av JavaScript behövs och en förståelse för om lagrad data behöver strikt relationsstruktur. En rekommendation för en fortsatt studie ges också för djupare undersökning av krav på ingångsfaktorer för användning av MEAN-stacken och liknande utvecklingsstackar.

This report describes the development process of a fullstack application designed to help users study with integrated AI functionalities for the creation of flashcards. Users upload images containing text that are processed by third-party artificial intelligence application programming interfaces to create a data structure of questions and answers based on the text. The application is centered around flashcards but also includes features such as quizzes and the sharing of flashcard collections. To facilitate the use of the application for multiple users, a decision was made to migrate from Swift, a programming language for iOS to JavaScript. By using the React Native framework, an application for cross-platform can be created on a single code base. A scalable backend solution was also developed for the application by integration of a monolithic architecture with Microsoft's cloud service, Azure. The backend consisted of a NodeJS Express server connected to a MySQL database. The application managed to replicate the prototype despite some minor issues. The application's core requirements were successfully implemented with some additional features. / Denna rapport beskriver utvecklingsprocessen av en fullstack applikation, vars användningsområde är att hjälpa användare studera genom integration av AI funktionaliteter för skapandet av flashcards. Användare laddar upp bilder med text som sedan hanteras av en tredjeparts artificiell intelligens applikationsprogrammeringsgränssnitt för att skapa en datastruktur som innehåller frågor och svar baserade på den skannade texten. Applikationen är centrerad kring flashcards men har även funktioner som test samt delandet av flashcard samlingar. För att möjliggöra användandet av applikationen för fler användare så gjordes valet att migrera från Swift, ett programmeringsspråk skapat för iOS, till JavaScript. Genom att använda React Native ramverket, kan en applikation som stödjer flera plattformar skapa en gemensam kodbas. En skalbar backend-lösning utvecklades samtidigt för applikationen genom att integrera en monolitisk arkitektur med Microsofts molntjänst Azure. Backenden bestod av en NodeJS Express server ansluten till en MySQL databas. Applikationen lyckades replikera prototypen med några få hinder. Applikationen uppfyllde kravspecifikationen samt att huvudfunktionerna implementerades med några extra funktioner.

The healthcare sector is still using paper transcripts for daily tasks that could very well be managed with digital solutions. One of the areas that can utilize digitization are health evaluation forms that patients fill out. This thesis addresses the implementation och the integration of a healthcare service. The product requires that the service’s back-end and database is further developed for later integration into Microsoft Outlook with an Office add-in. In addition, it provides a review on Office add-ins and the ideal API authorization method for the system. An agile methodology is adopted for project management and the chosen software development method is use case driven. To summarize the results, it can be determined that the use cases are successfully implemented and that relevant experience is collected for answering the various aspects regarding Office add-ins. The existing API authorization method was incorrectly implemented, but despite that, the API keys method is deemed suitable for the system. / Vårdsektorn använder sig fortfarande av pappersutskrifter i det dagligt arbetet som mycket väl kan hanteras med digitala lösningar. Ett område som kan ha användning av digitalisering är de självskattningsformulär som patienter fyller i. Detta examensarbete har för avsikt att behandla implementation och integration av en vårdtjänst. Implementationen kräver vidareutveckling av tjänstens backend och databas för att sedan kunna integrera den till Microsoft Outlook med ett Office add-in. Dessutom presenteras en recension av Office add-ins och den ideala methoden för att implementera API auktorisering i systemet. En agil metodik används för projekthantering och den valda mjukvaruutvecklingenmetoden är användarfallsdriven. För att summera resultaten kan det fastställas att samtliga användarfall är implementerade och att relevant erfarenhet är insamlad för att besvara rescensionsaspekterna kring Office add-ins. Den existerande metoden för API auktorisering var felaktigt implementerad, men trots det är det bedömt att API nycklar är lämpligt att använda i systemet.

The Covid-19 pandemic has affected us in different ways and expose the weaknesses of our ecosystem. Some groups of people are more vulnerable to the virus meaning they have to follow the public health authority recommendations with extra caution. At the start of this project, they recommended keeping distance and avoid a crowded environment which makes everyday living harder, especially for groups more vulnerable to the virus. In this thesis, I aim to solve this issue with a web application that extends Coops home delivery of groceries and makes it possible to order extra services as well. The project resulted in an application that is stable enough to use in production today.

The purpose of the project is to create a website where Knowit Experience can present and invite people to their coding events. The work has been carried out by a larger team including project managers, UX designers, supervisors, and an Agile approach has been used. A Headless CMS called Hygraph has been used to create a structure that editors can easily use, and this CMS includes a GraphQL API that the website consumes. The website is created in React with TypeScript to create a secure typed application styled with Sass. The website handles registrations for newsletters and different event lists from users and displays the content of the editors. Several different user flows on the website have been automated using Pipedream to make it easier for editors, including automatic confirmation emails sent to those who register, and editors can easily send emails to specific mailing lists. Structure is also created in the CMS to allow editors to create dynamic forms to collect opinions and information from visitors at an event. The website has been developed with accessibility in mind and has been tested on different browsers and devices. The website is continuously tested for accessibility and correctly validated code throughout the work. The work results in a fully functional website with all intended features. / Projektets syfte är att skapa en webbplats där Knowit Experience kan presentera och bjuda in till deras event Kodkvällar. Arbetet har utförts i ett större team med projektledare, UX-designers samt handledare och arbetssättet har vart Agilt. Ett Headless CMS, Hygraph, har använts för att skapa en struktur som redaktörer enkelt kan använda och med detta CMS ingår ett GraphQL API som webbplatsen konsumerar. Webbplatsen skapas i React med TypeScript för att skapa en säker typad applikation som stylas med Sass. Webbplatsen hanterar anmälningar till nyhetsbrev och olika eventlistor från användare samt visar redaktörernas innehåll. Med Pipedream har flera olika användarflöden på webbplatsen automatiserats för att underlätta för redaktörerna. Bland annat skickas bekräftelsemail automatiskt till de som anmäler sig samt att redaktörer enkelt kan skicka ut mail till specifika maillistor. Struktur skapas även i CMSet för att redaktörer ska kunna skapa dynamiska formulär för att inhämta åsikter och information från besökarna på ett event. Webbplatsen har utvecklats med tillgänglighet i åtanke och den har testats i olika webbläsare samt på olika enheter. Webbplatsen testas kontinuerligt för tillgänglighet samt korrekt validerande kod genom hela arbetet. Arbetet resulterar i en fullt fungerande webbplats med alla tänkta funktioner.

This thesis presents the design and development of a web-based platform intended to streamline the public sector funding process for startups by employing a matching algorithm. The platform was developed as part of a Bachelor's program in Computer Engineering and aims to address the inefficiencies and complexities currently impeding startup access to vital funding sources. Utilizing the MERN technology stack (MongoDB, Express.js, React, and Node.js), the project integrates web-based technologies to enhance user experience and ensure robust security measures aligning with GDPR standards. The methodology adopted includes agile development practices to facilitate iterative testing and improvements. The system's use of data from public funding webpages, combined with API integration and web scraping techniques, ensures a rich database of funding opportunities tailored to startups' diverse needs. This thesis serves as a practical solution for startups striving to navigate the complex landscape of public sector funding. / Den här uppsatsen presenterar designen och utvecklingen av en webbaserad plattform avsedd att effektivisera processen för offentlig finansiering till startups genom att använda en matchningsalgoritm. Plattformen, som utvecklats är en del av ett högskoleingenjörsprogram inom datateknik och syftar till att adressera de ineffektiviteter och komplexiteter som för närvarande hindrar startups från att få tillgång till nödvändiga finansieringskällor. Genom att använda MERN-teknikstacken (MongoDB, Express.js, React och Node.js) integrerar projektet webbteknologier för att förbättra användarupplevelsen och säkerställa robusta säkerhetsåtgärder i linje med GDPR-standarder. Den antagna metoden inkluderar agila utvecklingspraxis för att underlätta iterativ testning och förbättringar. Systemets användning av data från offentliga finansieringswebbplatser, kombinerat med API-integration och webbskrapningstekniker, säkerställer en rik databas med finansieringsmöjligheter anpassade till startups mångfaldiga behov. Denna avhandling fungerar som en praktisk lösning för startups som strävar efter att navigera i det komplexa landskapet för offentlig sektorfinansiering.