Mid Sweden University

This thesis project was carried out as part of a larger development initiative at the company CTC, a manufacturer of heat pumps. The aim was to develop a prototype for a quote configurator that automatically suggests compatible control units, product functions, and accessories based on the selected heat pump. The user is guided through a step-by-step interface where available options are dynamically adjusted according to previous se lections. The purpose was to reduce the risk of invalid combinations and create a dynamic, user-friendly configuration flow. To achieve this, product data was retrieved from multiple data sources. Server and backend logic was developed to generate technically valid product combinations. The interface was built with Next.js and React, with Zustand used for global state management of user selections, and TanStack Query employed for data fetching and caching. Components were styled using shadcn/ui and Tail wind CSS to ensure a consistent user interface. The prototype also includes functionality to generate a compiled PDF document, developed using the PDFKit library. This summary includes selected products and their associated documentation. The results show that the prototype largely meets the project’s goals and demonstrates that it is feasible to integrate data from multiple sources to create a dynamic and user-friendly solution. 

Målet med denna rapport var att ta fram en modern webbportal för KronoX-konsortiet. Arbetet inleddes med designskisser/mockups i Figma för att planera utseende och struktur. Frontend byggdes som en Blazor Server-applikation i .NET 8, där återanvändbara Razor-komponenter visar innehåll och TinyMCE används för textredigering via Blazors JSInterop. Backend består av ett separat ASP.NET Core Web API med Entity Framework Core för datalagring och ASP.NET Identity för användarhantering. Dataöverföring sker med tydliga DTO-klasser. Säkerheten hanteras med cookie-baserad inloggning i Blazor och rollbaserad auktorisering. Funktioner som innehållssidor, dokumenthantering, medlemslogotyper och nyheter hanteras via controllers med automatisk validering och filkontroll. Seed-rutiner fyller databasen med grunddata vid start. Tillgänglighet har testats med Wave och prestanda, tillgänglighet samt SEO har utvärderats med Lighthouse. Resultatet visar att lösningen fungerar smidigt för både administratörer och användare, och att projektets mål i stort har uppfyllts. Vissa admin-gränssnitt samt sidinnehåll för flera publika och interna sidor återstår att färdigställa, och för framtiden kan en striktare arkitektur och token-baserad autentisering övervägas för ökad flexibilitet och säkerhet. Projektet har gett värdefulla erfarenheter av Blazor, C# och utveckling av större webbapplikationer. Nyckelord: Blazor web app (server), ASP.NET Core Web API, webbportal, autentisering, datahantering, responsiv design, tillgänglighet.