This project's goal is to further develop the company's GoBrave intranet Goto. The intranet is for the company's employees, where they can find information about customers, login details for various programs and more. Requests about what further development is needed have been collected by the company themselves and then compiled into a list. The list is thus the basis for the project, but other requests have arisen during the course of the project and these have then been implemented. The intranet has been tested based on the Web Content Accessibility Guidelines (WCAG), which are guidelines developed for accessibility on the web. / Det här projektets mål är att vidareutveckla företagets GoBraves intranät Goto. Intranätet är till för företagets anställda där de till exempel kan hitta information om kunder, inloggningsuppgifter till olika program med mera. Önskemål om vilken vidareutveckling som behövs har samlats in av företaget själva och sammanställts i en lista. Listan är således grunden för arbetet men andra önskemål har uppkommit under arbetets gång och dessa har då implementerats. Intranätet har slutligen testats utifrån Web Content Accessibility Guidelines(WCAG) som är riktlinjer framtagna för tillgänglighet på webben.

This project involves further developing the fitness application Fitness Coach for the company Myrstack AB. The web application is used by trainers to create training schedules and activities that clients can follow via a separate mobile application. The further development of the web application is based on tickets from a product backlog in GitLab. The work focuses on the frontend of the web application, which is developed with Vue3 Composition API, Typescript and Tailwind. During the project, certain functionalities have been added, such as the ability to select weight units (kg/lbs) when creating or editing training activities, as well as the creation of a profile page for trainers. The profile page has been designed with accessibility principles and tested with the WAVE browser tool to ensure it meets accessibility standards. Despite some challenges in understanding and utilizing new technologies, the goals of this project has been achieved. Working with this project has provided deeper insights into version control using GitLab and working with Vue3, as well as various framework extenstions such as VeeValidate and Yup. / Det här projektet handlar om att vidareutveckla träningsapplikationen Fitness Coach för företaget Myrstack AB. Webbapplikationen används av tränare för att skapa träningsscheman och aktiviteter som klienter kan följa via en separat mobilapplikation. Vidareutvecklingen av webbapplikationen baseras på tickets från en produktbacklogg i GitLab. Arbetet fokuserar på webbapplikationens frontend-del som är utvecklad med Vue3 Composition API, Typescript och Tailwind. Under projektet har viss funktionalitet lagts till, som att välja viktenhet (kg/lbs) vid skapande eller redigering av träningsaktiviteter, samt skapandet av en profilsida för tränare. Profilsidan har utformats med tillgänglighetsprinciper och testats med webbläsarverktyget WAVE för att säkerställa att den uppfyller tillgänglighetsstandarder. Trots vissa utmaningar med att förstå nya tekniker och använda dessa så har målen uppnåtts. Arbetet med projektet har givit djupare insikter i versionshantering med GitLab och arbetet med Vue3 samt olika tillägg till ramverket, såsom VeeValidate och Yup.

The following degree report includes the theoretical information needed to understand the retelling of a project where this report's author had the goal of building a CMS-system in the form of a block editor using the framework Laravel. This was done on-site for the company Mina Bästa Polare AB, who found a need for a CMS-system to use within their Laravel projects. This need was found through their customers' administrators needing to contact the developers for changes that otherwise could be made by the administrators if they had a CMSsystem available. The work done that is retold in this report was done in the framework Laravel, a block editor was built to be used as a CMS-system for the developers at Mina Bästa Polare to implement within their Laravel-projects. Before the development of the block editor could start the work needed to be planned, with a Gantt scheme-alike document a time estimate was made for every step in the process. The block editor was visually designed with wireframes and the database architecture was designed with an ER-diagram. The development of this block editor was done within the frameworks Laravel, Inertia, Vue and Tailwind. These techniques were used to create a full stack website that can be shown as a first example of how this CMS-system can be used within Laravel-projects. With this system available to them both the developers and customers of Mina Bästa Polare will experience a smoother running workday / Föreliggande rapport presenterar den teoretiska information som behövs för att förstå efterkommande återberättande av ett projektarbete där målet var att rapportens författare skulle bygga ett CMS-system i form av en blockeditor inom ramverket Laravel. Projektarbetet utfördes på plats hos företaget Mina Bästa Polare AB, en webbyrå baserad i Östersund som upptäckt ett behov av ett CMS-system i form av en blockeditor till sina Laravel-projekt. tillgång till ett sådant CMS-system. Ett mål är att editorn skall bli så “decoupled“ som möjligt, vilket betyder att i högsta möjliga mån skall kunna implementeras i vilket Laravel-projekt som helst. Innan utvecklingen av blockeditorn påbörjades så strukturerades arbetet upp genom att det tidsplanerades med hjälp av en tidplan som liknar ett Gantt-schema vilket estimerar en tidsaspekt för varje steg i processen. Sedan påbörjades blockeditorns visuella design vilket gjordes med wireframes följt av att databasen arkitektur designades genom ett ER-diagram. Utvecklingen utfördes i ramverken Laravel, Inertia, Vue och Tailwind. Dessa tekniker användes för att i slutändan resultera i en fullstack webbplats som kan visas upp som ett första exempel på hur denna CMS-system kan användas inom Laravel-projekt. Med detta system tillgängligt kan nu inte bara Mina Bästa Polares utvecklare utan även deras kunder få en smidigare vardag när de använder detta system.

The report is about the project with the aim of building a front-end solution on a website in the WCMS WordPress for the customer Photon Sports through the full-service agency Oh My. The website, which will be built from an already developed design, will showcase the company's product and include a function for interested parties to sign up for a waiting list. The structure must be made so flexible in terms of content that the customer can manage and update the website through the WordPress admin interface after the completed project. The modules and other elements that will build the subpages on the website are created with the WordPress plugin Advanced Custom Fields (ACF), self-written code in the languages HTML and PHP, CSS with Tailwind for styling, JS for functionality, and with WordPress' functions for mail and menus. The project results in a finished solution that is functional, responsive, available in different formats, and that lives up to the design requirements. The content of the website is flexible for the customer to handle and the basic idea of the WCMS comes in handy for both the customer and the developer, even if the usability of the admin interface does not always live up to its full potential. Results of technical tests such as validation of code and the speed of the website show points that do not reach the highest level but are concluded not to be fixed due to possibility or choice. The entire work with the project has shown lessons in method and approach, thoughts on possible further solutions to usability, and reflection on ethical and social parts of the project concerning accessibility and laws. / Rapporten handlar om projektet med syftet att genom fullservicebyrån Oh My bygga en frontend lösning på en webbplats i WCMSet WordPress till kunden Photon Sports. Webbplatsen som ska byggas från en redan framtagen design ska visa upp företagets produkt och innehålla funktion för intressenter att skriva upp sig på en väntelista. Uppbyggnaden ska göras så pass flexibel innehållsmässigt att kunden ska själv kunna efter avslutat projekt hantera och uppdatera webbplatsen genom WordPress admingränssnitt. Modulerna och övriga element som ska bygga upp undersidorna på webbplatsen skapas med WordPress pluginet Advanced Custom Fields(ACF), egenskriven kod i språken HTML och PHP, CSS med Tailwind för styling, JS för funktionalitet, och med WordPress funktioner för mail och menyer. Projektet resulterar i färdig lösning som är funktionell, responsiv, tillgänglig i olika format och som lever upp till designens krav. Innehållet i webbplatsen är flexibelt för kunden att hantera och grundtanken med WCMSet kommer till sin användning för likväl kunden som utvecklaren även om användbarheten i admingränssnittet inte alltid lever upp till sin fulla potential. Resultat på tekniska tester som validering av kod och webbplatsens hastighet visar på punkter som inte når högsta nivå men får slutsaten att ej åtgärdas på grund av möjlighet eller val. Hela arbetet med projektet har visat på lärdomar i metod och förhållningssätt, tankar om möjliga vidare lösningar på användbarhet och reflektion över etiska och sociala delar i projektet som rör tillgänglighet och lagar.

In this project a web application is being created for Knowit Experience with the goal of replacing their existing Excel-solution for storing steps towards a destination. The project has resulted in the development of a userfriendly and accessibility-focused web application for Knowit Experience, aimed at promoting everyday physical activity. With Supabase as the backend and Nuxt as the frontend framework, along with SASS for structured and reusable styling and Tailwind CSS, the application now offers functionality for registration, login, and step tracking towards destinations. An admin interface is implemented for managing destinations and activity lists with step conversion. Code validation has been performed to ensure security and quality, while accessibility has been continuously tested using the Wave accessibility tool. This combination of technologies and features, including SASS and Tailwind CSS, has resulted in a functional web application for Knowit Experience, replacing their previously used Excel-solution. / I detta projekt skapas en webbapplikation för Knowit Experience med målet att ersätta deras befintliga Excel-lö sning fö r lagring av steg gentemot ett destinationsmål. Resultatet är en användarvänlig och tillgänglighetsanpassad webbapplikation som främjar vardaglig fysisk aktivitet. Med hjälp av Supabase som backend och Nuxt som frontend-ramverk, tillsammans med SASS fö r strukturerad och återanvändbar stilhantering samt Tailwind CSS, erbjuder applikationen funktioner fö r registrering, inloggning och lagring av steg mot destinationsmål. Genom ett administratö rsgränssnitt kan destinationer hanteras och aktivitetslistor med stegkonvertering administreras. Koden har validerats fö r säkerhet och kvalitet, och tillgängligheten har kontinuerligt testats med verktyget Wave. Den lyckade kombinationen av dessa tekniker och funktioner, inklusive SASS och Tailwind CSS har resulterat i en fungerande webbapplikation för Knowit Experience som ersätter den tidigare använda Excel-lösningen.