diff --git a/ODPC.Server/Apis/Odrc/OdrcClientFactory.cs b/ODPC.Server/Apis/Odrc/OdrcClientFactory.cs
index a7d561a..6b68896 100644
--- a/ODPC.Server/Apis/Odrc/OdrcClientFactory.cs
+++ b/ODPC.Server/Apis/Odrc/OdrcClientFactory.cs
@@ -5,12 +5,12 @@ namespace ODPC.Apis.Odrc
 {
     public interface IOdrcClientFactory
     {
-        HttpClient Create(OdpUser user, string handeling);
+        HttpClient Create(string handeling);
     }
 
-    public class OdrcClientFactory(IHttpClientFactory httpClientFactory, IConfiguration config) : IOdrcClientFactory
+    public class OdrcClientFactory(IHttpClientFactory httpClientFactory, IConfiguration config, OdpcUser user) : IOdrcClientFactory
     {
-        public HttpClient Create(OdpUser user, string? handeling)
+        public HttpClient Create(string? handeling)
         {
             var client = httpClientFactory.CreateClient();
             client.BaseAddress = new(config["ODRC_BASE_URL"]!);
diff --git a/ODPC.Server/Apis/Odrc/PagedResponseModel.cs b/ODPC.Server/Apis/Odrc/PagedResponseModel.cs
index fa7a067..d8a350a 100644
--- a/ODPC.Server/Apis/Odrc/PagedResponseModel.cs
+++ b/ODPC.Server/Apis/Odrc/PagedResponseModel.cs
@@ -2,7 +2,7 @@
 {
     public class PagedResponseModel<T>
     {
-        public List<T> results { get; set; }
+        public required IReadOnlyList<T> Results { get; set; }
         public int Count { get; set; }
         public string? Next { get; set; }
         public string? Previous { get; set; }
diff --git a/ODPC.Server/Apis/Odrc/WaardelijstResponseModel.cs b/ODPC.Server/Apis/Odrc/WaardelijstResponseModel.cs
index fecf0d8..bba2f9e 100644
--- a/ODPC.Server/Apis/Odrc/WaardelijstResponseModel.cs
+++ b/ODPC.Server/Apis/Odrc/WaardelijstResponseModel.cs
@@ -1,13 +1,8 @@
-using System.ComponentModel;
-using System.Text.Json.Serialization;
-
-namespace ODPC.Apis.Odrc
+namespace ODPC.Apis.Odrc
 {
     public class WaardelijstResponseModel
-    {       
-            [JsonPropertyName("uuid")]
-            public required string Id { get; set; }
-            [JsonPropertyName("naam")]
-            public required string Name { get; set; }    
+    {
+        public required string Uuid { get; set; }
+        public required string Naam { get; set; }
     }
 }
diff --git a/ODPC.Server/Authentication/AuthenticationExtensions.cs b/ODPC.Server/Authentication/AuthenticationExtensions.cs
index 9820353..3064b41 100644
--- a/ODPC.Server/Authentication/AuthenticationExtensions.cs
+++ b/ODPC.Server/Authentication/AuthenticationExtensions.cs
@@ -22,14 +22,14 @@ public static void AddAuth(this IServiceCollection services, Action<AuthOptions>
 
             services.AddHttpContextAccessor();
 
-            services.AddScoped<OdpUser>(s =>
+            services.AddScoped<OdpcUser>(s =>
             {
                 var user = s.GetRequiredService<IHttpContextAccessor>().HttpContext?.User;
                 var isLoggedIn = user?.Identity?.IsAuthenticated ?? false;
                 var name = user?.FindFirst(nameClaimType)?.Value;
                 var id = user?.FindFirst(x => idClaimTypes.Contains(x.Type))?.Value;
                 var roles = user?.FindAll(roleClaimType).Select(x=> x.Value).ToArray() ?? [];
-                return new OdpUser { IsLoggedIn = isLoggedIn, FullName = name, Id = id, Roles = roles };
+                return new OdpcUser { IsLoggedIn = isLoggedIn, FullName = name, Id = id, Roles = roles };
             });
 
             var authBuilder = services.AddAuthentication(options =>
@@ -107,7 +107,7 @@ public static void AddAuth(this IServiceCollection services, Action<AuthOptions>
         public static IEndpointRouteBuilder MapOdpcAuthEndpoints(this IEndpointRouteBuilder endpoints)
         {
             endpoints.MapGet("api/logoff", LogoffAsync).AllowAnonymous();
-            endpoints.MapGet("api/me", (OdpUser user) => user).AllowAnonymous();
+            endpoints.MapGet("api/me", (OdpcUser user) => user).AllowAnonymous();
             endpoints.MapGet("api/challenge", ChallengeAsync).AllowAnonymous();
 
             return endpoints;
diff --git a/ODPC.Server/Authentication/OdpUser.cs b/ODPC.Server/Authentication/OdpcUser.cs
similarity index 90%
rename from ODPC.Server/Authentication/OdpUser.cs
rename to ODPC.Server/Authentication/OdpcUser.cs
index 6487b11..a6b12f5 100644
--- a/ODPC.Server/Authentication/OdpUser.cs
+++ b/ODPC.Server/Authentication/OdpcUser.cs
@@ -1,6 +1,6 @@
 namespace ODPC.Authentication
 {
-    public record OdpUser
+    public record OdpcUser
     {
         public required bool IsLoggedIn { get; init; }
         public required string? Id { get; init; }
diff --git a/ODPC.Server/Features/GebruikerWaardelijstItemsService.cs b/ODPC.Server/Features/GebruikerWaardelijstItemsService.cs
new file mode 100644
index 0000000..40967c2
--- /dev/null
+++ b/ODPC.Server/Features/GebruikerWaardelijstItemsService.cs
@@ -0,0 +1,27 @@
+using Microsoft.EntityFrameworkCore;
+using ODPC.Authentication;
+using ODPC.Data;
+
+namespace ODPC.Features
+{
+    public interface IGebruikerWaardelijstItemsService
+    {
+        Task<IReadOnlyList<string>> GetAsync(CancellationToken token);
+    }
+
+    public class GebruikerWaardelijstItemsService(OdpcUser user, OdpcDbContext context) : IGebruikerWaardelijstItemsService
+    {
+        public async Task<IReadOnlyList<string>> GetAsync(CancellationToken token)
+        {
+            var groepIds = context.GebruikersgroepGebruikers
+                .Where(x => x.GebruikerId == user.Id)
+                .Select(x => x.GebruikersgroepUuid);
+
+            return await context.GebruikersgroepWaardelijsten
+                .Where(x => groepIds.Contains(x.GebruikersgroepUuid))
+                .Select(x => x.WaardelijstId)
+                .Distinct()
+                .ToListAsync(token);
+        }
+    }
+}
diff --git a/ODPC.Server/Features/Informatiecategorieen/AlleInformatiecategorieen/InformatiecategorieenController.cs b/ODPC.Server/Features/Informatiecategorieen/AlleInformatiecategorieen/InformatiecategorieenController.cs
new file mode 100644
index 0000000..3085a03
--- /dev/null
+++ b/ODPC.Server/Features/Informatiecategorieen/AlleInformatiecategorieen/InformatiecategorieenController.cs
@@ -0,0 +1,28 @@
+using System.Text.Json.Nodes;
+using Microsoft.AspNetCore.Mvc;
+using ODPC.Apis.Odrc;
+
+namespace ODPC.Features.Informatiecategorieen.AlleInformatiecategorieen
+{
+    [ApiController]
+    public class InformatiecategorieenController(IOdrcClientFactory clientFactory) : ControllerBase
+    {
+        [HttpGet("api/v1/informatiecategorieen")]
+        public async Task<IActionResult> Get([FromQuery] string? page, CancellationToken token)
+        {
+            //infocategorien ophalen uit het ODRC
+            using var client = clientFactory.Create("Alle informatiecategorieen ophalen");
+            var json = await client.GetFromJsonAsync<PagedResponseModel<JsonNode>>("/api/v1/informatiecategorieen?page=" + page, token);
+            if (json != null)
+            {
+                json.Previous = GetPathAndQuery(json.Previous);
+                json.Next = GetPathAndQuery(json.Next);
+            }
+            return Ok(json);
+        }
+
+        private static string? GetPathAndQuery(string? url) => Uri.TryCreate(url, UriKind.RelativeOrAbsolute, out var uri) 
+            ? uri.PathAndQuery 
+            : url;
+    }
+}
diff --git a/ODPC.Server/Features/Informatiecategorieen/MijnInformatiecategorieen/MijnInformatiecategorieenController.cs b/ODPC.Server/Features/Informatiecategorieen/MijnInformatiecategorieen/MijnInformatiecategorieenController.cs
new file mode 100644
index 0000000..d4a11d7
--- /dev/null
+++ b/ODPC.Server/Features/Informatiecategorieen/MijnInformatiecategorieen/MijnInformatiecategorieenController.cs
@@ -0,0 +1,38 @@
+using System.Runtime.CompilerServices;
+using System.Text.Json.Nodes;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
+using ODPC.Apis.Odrc;
+
+namespace ODPC.Features.Informatiecategorieen.MijnInformatiecategorieen
+{
+    [ApiController]
+    public class MijnInformatiecategorieenController(IOdrcClientFactory clientFactory, IGebruikerWaardelijstItemsService waardelijstItemsService) : ControllerBase
+    {
+        [HttpGet("api/v1/mijn-informatiecategorieen")]
+        public async IAsyncEnumerable<JsonObject> Get([EnumeratorCancellation] CancellationToken token)
+        {
+            var categorieen = await waardelijstItemsService.GetAsync(token);
+
+            if (categorieen.Count == 0) yield break;
+
+            using var client = clientFactory.Create("Eigen informatiecategorieen ophalen");
+            var url = "api/v1/informatiecategorieen";
+
+            // omdat we zelf moeten filteren obv van de waardelijstitems waar de gebruiker toegang toe heeft,
+            // kunnen we geen paginering gebruiker. we lopen door alle pagina's van de ODRC
+            while (!string.IsNullOrWhiteSpace(url))
+            {
+                var page = await client.GetFromJsonAsync<PagedResponseModel<JsonObject>>(url, token) ?? new() { Results = [] };
+                foreach (var item in page.Results)
+                {
+                    if (item["uuid"]?.GetValue<string>() is string uuid && categorieen.Contains(uuid))
+                    {
+                        yield return item;
+                    }
+                }
+                url = page?.Next;
+            }
+        }
+    }
+}
diff --git a/ODPC.Server/Features/Organisaties/AlleOrganisaties/OrganisatiesController.cs b/ODPC.Server/Features/Organisaties/AlleOrganisaties/OrganisatiesController.cs
new file mode 100644
index 0000000..dd75bc0
--- /dev/null
+++ b/ODPC.Server/Features/Organisaties/AlleOrganisaties/OrganisatiesController.cs
@@ -0,0 +1,16 @@
+using Microsoft.AspNetCore.Mvc;
+using ODPC.Apis.Odrc;
+
+namespace ODPC.Features.Organisaties.AlleOrganisaties
+{
+    [ApiController]
+    public class OrganisatiesController : ControllerBase
+    {
+        [HttpGet("api/v1/organisaties")]
+        public IActionResult Get([FromQuery] string? page) => Ok(new PagedResponseModel<WaardelijstResponseModel>
+        {
+            Results = OrganisatiesMock.Organisaties.Values.ToList(),
+            Count = OrganisatiesMock.Organisaties.Count,
+        });
+    }
+}
diff --git a/ODPC.Server/Features/Organisaties/OrganisatiesMock.cs b/ODPC.Server/Features/Organisaties/OrganisatiesMock.cs
new file mode 100644
index 0000000..81e7e86
--- /dev/null
+++ b/ODPC.Server/Features/Organisaties/OrganisatiesMock.cs
@@ -0,0 +1,13 @@
+using ODPC.Apis.Odrc;
+
+namespace ODPC.Features.Organisaties
+{
+    public class OrganisatiesMock
+    {
+        public static readonly Dictionary<string, WaardelijstResponseModel> Organisaties = new WaardelijstResponseModel[]
+        {
+            new() { Uuid = "8f939b51-dad3-436d-a5fa-495b42317d64", Naam = "Organisatie 2" },
+            new() { Uuid = "5c14e7e2-00a2-4990-adbb-7290cd89fb6e", Naam = "Organisatie 3" }
+        }.ToDictionary(x => x.Uuid);
+    }
+}
diff --git a/ODPC.Server/Features/Publicaties/Publicatie.cs b/ODPC.Server/Features/Publicaties/Publicatie.cs
index 380795a..c77f60f 100644
--- a/ODPC.Server/Features/Publicaties/Publicatie.cs
+++ b/ODPC.Server/Features/Publicaties/Publicatie.cs
@@ -7,6 +7,7 @@ public class Publicatie
         public string? VerkorteTitel { get; set; }
         public string? Omschrijving { get; set; }
         public DateTime Registratiedatum { get; set; }
-        public string Status { get; set; }
+        public string? Status { get; set; }
+        public List<string>? GekoppeldeInformatiecategorieen { get; set; }
     }
 }
diff --git a/ODPC.Server/Features/Publicaties/PublicatieBijwerken/PublicatieBijwerkenController.cs b/ODPC.Server/Features/Publicaties/PublicatieBijwerken/PublicatieBijwerkenController.cs
index d05081d..7c68d2f 100644
--- a/ODPC.Server/Features/Publicaties/PublicatieBijwerken/PublicatieBijwerkenController.cs
+++ b/ODPC.Server/Features/Publicaties/PublicatieBijwerken/PublicatieBijwerkenController.cs
@@ -3,11 +3,19 @@
 namespace ODPC.Features.Publicaties.PublicatieBijwerken
 {
     [ApiController]
-    public class PublicatieBijwerkenController : ControllerBase
+    public class PublicatieBijwerkenController(IGebruikerWaardelijstItemsService waardelijstItemsService) : ControllerBase
     {
         [HttpPut("api/v1/publicaties/{uuid}")]
-        public IActionResult Put(Guid uuid, Publicatie publicatie)
+        public async Task<IActionResult> Put(Guid uuid, Publicatie publicatie, CancellationToken token)
         {
+            var categorieen = await waardelijstItemsService.GetAsync(token);
+
+            if (publicatie.GekoppeldeInformatiecategorieen != null && publicatie.GekoppeldeInformatiecategorieen.Any(c => !categorieen.Contains(c)))
+            {
+                ModelState.AddModelError(nameof(publicatie.GekoppeldeInformatiecategorieen), "Gebruiker is niet geautoriseerd voor deze informatiecategorieën");
+                return BadRequest(ModelState);
+            }
+
             PublicatiesMock.Publicaties[uuid] = publicatie;
             return Ok(publicatie);
         }
diff --git a/ODPC.Server/Features/Publicaties/PublicatieRegistreren/PublicatieRegistrerenController.cs b/ODPC.Server/Features/Publicaties/PublicatieRegistreren/PublicatieRegistrerenController.cs
index c9b78af..525d930 100644
--- a/ODPC.Server/Features/Publicaties/PublicatieRegistreren/PublicatieRegistrerenController.cs
+++ b/ODPC.Server/Features/Publicaties/PublicatieRegistreren/PublicatieRegistrerenController.cs
@@ -1,37 +1,40 @@
-using System.Text.Json;
-using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc;
 using ODPC.Apis.Odrc;
-using ODPC.Authentication;
-using ODPC.Config;
 
 namespace ODPC.Features.Publicaties.PublicatieRegistreren
 {
     [ApiController]
-    public class PublicatieRegistrerenController(OdpUser user, IOdrcClientFactory clientFactory) : ControllerBase
+    public class PublicatieRegistrerenController(IOdrcClientFactory clientFactory, IGebruikerWaardelijstItemsService waardelijstItemsService) : ControllerBase
     {
         private readonly IOdrcClientFactory _clientFactory = clientFactory;
 
         [HttpPost("api/v1/publicaties")]
-        public async Task<IActionResult> Post(Publicatie publicatie)
+        public async Task<IActionResult> Post(Publicatie publicatie, CancellationToken token)
         {
-            publicatie.Uuid = Guid.NewGuid();
-            publicatie.Registratiedatum = DateTime.Now;
+            var categorieen = await waardelijstItemsService.GetAsync(token);
 
-            //de mock laten we er nog even in totdat ook het ophalen van gegevens via het register verloopt
-            PublicatiesMock.Publicaties[publicatie.Uuid] = publicatie;
+            if (publicatie.GekoppeldeInformatiecategorieen != null && publicatie.GekoppeldeInformatiecategorieen.Any(c => !categorieen.Contains(c)))
+            {
+                ModelState.AddModelError(nameof(publicatie.GekoppeldeInformatiecategorieen), "Gebruiker is niet geautoriseerd voor deze informatiecategorieën");
+                return BadRequest(ModelState);
+            }
 
-            var client = _clientFactory.Create(user, "Publicatie geregistreerd");
+            var client = _clientFactory.Create("Publicatie geregistreerd");
+            var response = await client.PostAsJsonAsync("/api/v1/publicaties", publicatie, token);
 
-            var response = await client.PostAsJsonAsync("/api/v1/publicaties", publicatie, new CancellationToken());
-            
             response.EnsureSuccessStatusCode();
-            
-            var responseBody = await response.Content.ReadAsStringAsync();                   
+            var viewModel = await response.Content.ReadFromJsonAsync<Publicatie>(token);
 
-            var viewModel = JsonSerializer.Deserialize<Publicatie>(responseBody, JsonSerialization.Options);
+            // TODO deze regel kan eraf als deze story is geimplementeerd: https://github.com/GeneriekPublicatiePlatformWoo/registratie-component/issues/48
+            viewModel!.GekoppeldeInformatiecategorieen = publicatie.GekoppeldeInformatiecategorieen;
+
+            // TODO deze regel kan eraf als deze story is geimplementeerd: https://github.com/GeneriekPublicatiePlatformWoo/registratie-component/issues/49
+            viewModel!.Status = publicatie.Status;
+
+            // TODO de mock laten we er nog even in totdat ook het ophalen van gegevens via het register verloopt: https://github.com/GeneriekPublicatiePlatformWoo/Openbaar-Documenten-Publicatie-Component/issues/68
+            PublicatiesMock.Publicaties[viewModel!.Uuid] = viewModel;
 
             return Ok(viewModel);
         }
-
     }
 }
diff --git a/ODPC.Server/Features/Publicaties/PublicatiesMock.cs b/ODPC.Server/Features/Publicaties/PublicatiesMock.cs
index 4c1a34b..3347e50 100644
--- a/ODPC.Server/Features/Publicaties/PublicatiesMock.cs
+++ b/ODPC.Server/Features/Publicaties/PublicatiesMock.cs
@@ -11,7 +11,9 @@ public static class PublicatiesMock
                 VerkorteTitel = "De Impact van de Wet open overheid op Bestuurlijke Transparantie",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 08, 24),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
+
             },
             new()
             {
@@ -20,7 +22,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Toepassing en Resultaten van de Wet open overheid",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 08, 23),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -29,7 +32,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Transparantie als Standaard in Bestuurlijk Nederland",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 05, 03),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -38,7 +42,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Een Nieuwe Norm voor Openbare Informatie",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 05, 02),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -47,7 +52,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "De Toekomst van Transparantie met de Woo",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 08, 29),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -56,7 +62,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "De Praktische Uitwerking van de Woo",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 05, 07),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -65,7 +72,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Openbaarheid en Verantwoording",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 08, 27),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -74,7 +82,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Hoe de Woo de Overheid Hervormt",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 05, 07),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -83,7 +92,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Successen en Uitdagingen",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 08, 14),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -92,7 +102,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Het Effect van de Woo",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 05, 23),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -101,7 +112,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "Verantwoord Bestuur door de Wet open overheid",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 08, 09),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             },
             new()
             {
@@ -110,7 +122,8 @@ public static class PublicatiesMock
                 VerkorteTitel = "De Woo en de Weg naar Open Overheid",
                 Omschrijving = "",
                 Registratiedatum = new DateTime(2024, 05, 15),
-                Status = "gepubliceerd"
+                Status = "gepubliceerd",
+                GekoppeldeInformatiecategorieen = []
             }
         }.ToDictionary(x => x.Uuid);
     }
diff --git a/ODPC.Server/Features/WaardeLijstenOverzicht/WaardelijstViewModel.cs b/ODPC.Server/Features/WaardeLijstenOverzicht/WaardelijstViewModel.cs
deleted file mode 100644
index 8778934..0000000
--- a/ODPC.Server/Features/WaardeLijstenOverzicht/WaardelijstViewModel.cs
+++ /dev/null
@@ -1,15 +0,0 @@
-using System.ComponentModel;
-using System.Text.Json.Serialization;
-
-namespace ODPC.Features.WaardeLijstenOverzicht
-{
-    public  class WaardelijstViewModel
-    {
-        
-        public required string Id { get; set; }
-    
-        public required string Name { get; set; }
-   
-        public string Type { get; set; } = "INFORMATIECATEGORIE"; //tijdelijk. als de andere categorien ook uit het odrc gehaald worden, zullen de waardelijsten volledig gesplitst worden
-    }
-}
diff --git a/ODPC.Server/Features/WaardeLijstenOverzicht/WaardelijstenController.cs b/ODPC.Server/Features/WaardeLijstenOverzicht/WaardelijstenController.cs
deleted file mode 100644
index 6390570..0000000
--- a/ODPC.Server/Features/WaardeLijstenOverzicht/WaardelijstenController.cs
+++ /dev/null
@@ -1,47 +0,0 @@
-using System.Text.Json;
-using System.Xml.Linq;
-using Microsoft.AspNetCore.Mvc;
-using ODPC.Apis.Odrc;
-using ODPC.Authentication;
-using ODPC.Config;
-using ODPC.Features.Publicaties;
-
-namespace ODPC.Features.WaardeLijstenOverzicht
-{
-    [Route("api/v1/[controller]")]
-    [ApiController]
-    public class WaardelijstenController(OdpUser user, IOdrcClientFactory clientFactory) : ControllerBase
-    {
-        [HttpGet]
-        public async Task<IEnumerable<WaardelijstViewModel>> GetAsync()
-        {
-            //infocategorien ophalen uit het ODRC
-
-            //user en audit log handeling meegeven is misschien nog niet nodig, maar doet geen kwaad
-            var client = clientFactory.Create(user, "Waardelijsten ophalen");
-
-            var response = await client.GetAsync("/api/v1/informatiecategorieen", new CancellationToken());
-
-            response.EnsureSuccessStatusCode();
-
-            var responseBody = await response.Content.ReadAsStringAsync();
-            
-            var deserializedResponse = JsonSerializer.Deserialize<PagedResponseModel<WaardelijstResponseModel>>(responseBody, JsonSerialization.Options);
-
-            var informatiecategorieen = deserializedResponse?.results ?? [];
- 
-            var waardelijstenViewModel = informatiecategorieen.Select(x=> new WaardelijstViewModel { Id = x.Id, Name = x.Name}).ToList();
-
-
-            //nog wat dummy data toevoegen van andersoortige waardelijsten
-            waardelijstenViewModel.Add(new WaardelijstViewModel() { Id = "d3da5277-ea07-4921-97b8-e9a181390c76", Name = "arbeidsomstandigheden", Type = "THEMA" });
-            waardelijstenViewModel.Add(new WaardelijstViewModel() { Id = "066241fe-7f39-41da-8efb-a702ef32b7d0", Name = "afval", Type = "THEMA" });
-            waardelijstenViewModel.Add(new WaardelijstViewModel() { Id = "8f939b51-dad3-436d-a5fa-495b42317d64", Name = "Organisatie 2", Type="ORGANISATIE" });
-            waardelijstenViewModel.Add(new WaardelijstViewModel() { Id = "5c14e7e2-00a2-4990-adbb-7290cd89fb6e", Name = "Organisatie 3", Type = "ORGANISATIE" });
-            waardelijstenViewModel.Add(new WaardelijstViewModel() { Id = "0e7a0023-423a-421a-8700-359232fef584", Name = "europese zaken", Type = "THEMA" });
-           
-            return waardelijstenViewModel;
-        }
-
-    }
-}
diff --git a/ODPC.Server/Program.cs b/ODPC.Server/Program.cs
index 6da69d7..4202390 100644
--- a/ODPC.Server/Program.cs
+++ b/ODPC.Server/Program.cs
@@ -2,6 +2,7 @@
 using ODPC.Apis.Odrc;
 using ODPC.Authentication;
 using ODPC.Data;
+using ODPC.Features;
 using Serilog;
 using Serilog.Events;
 using Serilog.Formatting.Json;
@@ -41,7 +42,7 @@
     var connStr = $"Username={builder.Configuration["POSTGRES_USER"]};Password={builder.Configuration["POSTGRES_PASSWORD"]};Host={builder.Configuration["POSTGRES_HOST"]};Database={builder.Configuration["POSTGRES_DB"]};Port={builder.Configuration["POSTGRES_PORT"]}";
     builder.Services.AddDbContext<OdpcDbContext>(opt => opt.UseNpgsql(connStr));
     builder.Services.AddScoped<IOdrcClientFactory, OdrcClientFactory>();
-
+    builder.Services.AddScoped<IGebruikerWaardelijstItemsService, GebruikerWaardelijstItemsService>();
 
 
     var app = builder.Build();
diff --git a/odpc.client/src/api/fetch-logged-in.ts b/odpc.client/src/api/fetch-logged-in.ts
deleted file mode 100644
index a389eac..0000000
--- a/odpc.client/src/api/fetch-logged-in.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-type FetchArgs = Parameters<typeof fetch>;
-type FetchReturn = ReturnType<typeof fetch>;
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const empty = () => {};
-
-const waitForLogin = {
-  promise: Promise.resolve(),
-  resolve: empty
-};
-
-(function refreshPromise() {
-  const promise = new Promise<void>((resolve) => {
-    waitForLogin.resolve = resolve;
-  });
-
-  waitForLogin.promise = promise;
-
-  // will keep refreshing the promise whenever it resolves,
-  // which is done when succesfully logged in.
-  // this causes all pending 401 requests to retry,
-  // but new 401 requests to wait for the new promise.
-  promise.finally(refreshPromise);
-})();
-
-export function handleLogin() {
-  waitForLogin.resolve();
-}
-
-export function setHeader(init: RequestInit, key: string, value: string) {
-  if (!init.headers) {
-    init.headers = {};
-  }
-
-  if (Array.isArray(init.headers)) {
-    init.headers.push([key, value]);
-  } else if (init.headers instanceof Headers) {
-    init.headers.set(key, value);
-  } else {
-    init.headers[key] = value;
-  }
-}
-
-export async function fetchLoggedIn(...args: FetchArgs): FetchReturn {
-  const init = args[1] || {};
-  args[1] = init;
-
-  setHeader(init, "is-api", "true");
-
-  const r = await fetch(...args);
-
-  if (r.status === 401) {
-    console.warn("session expired. waiting for user to log in...");
-
-    return waitForLogin.promise.then(() => {
-      console.log("user is logged in again, resuming...");
-
-      return fetchLoggedIn(...args);
-    });
-  }
-
-  return r;
-}
-
-export function throwIfNotOk(response: Response) {
-  if (!response.ok) throw new Error(response.statusText);
-  return response as Response & { ok: true };
-}
-
-export function parseJson(response: Response) {
-  return response.json();
-}
diff --git a/odpc.client/src/api/index.ts b/odpc.client/src/api/index.ts
new file mode 100644
index 0000000..1e3c9bb
--- /dev/null
+++ b/odpc.client/src/api/index.ts
@@ -0,0 +1,2 @@
+export * from "./use-fetch-api";
+export * from "./types";
diff --git a/odpc.client/src/api/types.ts b/odpc.client/src/api/types.ts
new file mode 100644
index 0000000..269b500
--- /dev/null
+++ b/odpc.client/src/api/types.ts
@@ -0,0 +1,6 @@
+export type PagedResult<T> = Readonly<{
+  count: number;
+  next?: string;
+  previous?: string;
+  results: T[];
+}>;
diff --git a/odpc.client/src/assets/main.scss b/odpc.client/src/assets/main.scss
index cc52f9d..c18d858 100644
--- a/odpc.client/src/assets/main.scss
+++ b/odpc.client/src/assets/main.scss
@@ -80,7 +80,7 @@ body {
       color: var(--code);
     }
 
-    &:invalid.invalid {
+    &:user-invalid {
       border-color: var(--code);
       outline-color: var(--code);
 
@@ -91,6 +91,12 @@ body {
   }
 }
 
+details {
+  summary {
+    word-break: break-word;
+  }
+}
+
 .form-group-button {
   display: grid;
   grid-template-columns: 1fr auto;
@@ -111,6 +117,20 @@ body {
   }
 }
 
+.checkbox {
+  margin-block-end: var(--spacing-small);
+
+  label {
+    display: flex;
+    align-items: flex-start;
+    column-gap: var(--spacing-small);
+  }
+
+  input {
+    margin-block: 1px;
+  }
+}
+
 .reset {
   list-style: none;
   padding: 0;
diff --git a/odpc.client/src/components/CheckboxList.vue b/odpc.client/src/components/CheckboxList.vue
deleted file mode 100644
index 299f793..0000000
--- a/odpc.client/src/components/CheckboxList.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-  <details>
-    <summary>{{ title }}</summary>
-
-    <div class="checkbox check-all">
-      <label
-        ><input type="checkbox" @click="toggleAll" :checked="allSelected" /> selecteer alles
-      </label>
-    </div>
-
-    <div class="checkbox" v-for="({ id, name }, key) in options" :key="key">
-      <label><input type="checkbox" :value="id" v-model="model" /> {{ name }} </label>
-    </div>
-  </details>
-</template>
-
-<script setup lang="ts" generic="T extends OptionProps">
-import { computed } from "vue";
-
-export type OptionProps = {
-  id: string;
-  name: string;
-};
-
-const props = defineProps<{
-  title: string;
-  options: T[];
-  modelValue: string[];
-}>();
-
-const emit = defineEmits<{
-  (e: "update:modelValue", payload: string[]): void;
-}>();
-
-const model = computed({
-  get: () => props.modelValue,
-  set: (value) => emit("update:modelValue", value)
-});
-
-const itemIds = computed(() => props.options.map((option) => option.id));
-
-const allSelected = computed(
-  () =>
-    !!itemIds.value?.length &&
-    model.value?.filter((id) => itemIds.value.includes(id)).length === itemIds.value?.length
-);
-
-const toggleAll = () => {
-  model.value = allSelected.value
-    ? model.value?.filter((id) => !itemIds.value.includes(id)) || []
-    : [...new Set([...(model.value || []), ...itemIds.value])];
-};
-</script>
-
-<style lang="scss" scoped>
-.check-all {
-  padding-block-end: var(--spacing-small);
-  margin-block-end: var(--spacing-small);
-  border-bottom: 1px solid var(--color-grey);
-}
-</style>
diff --git a/odpc.client/src/components/checkbox-group/CheckboxGroup.vue b/odpc.client/src/components/checkbox-group/CheckboxGroup.vue
new file mode 100644
index 0000000..68ab32f
--- /dev/null
+++ b/odpc.client/src/components/checkbox-group/CheckboxGroup.vue
@@ -0,0 +1,97 @@
+<template>
+  <details
+    role="group"
+    ref="groupRef"
+    :aria-labelledby="`label-${instanceId}`"
+    :aria-required="required ? true : undefined"
+    @change="required && setCustomValidity()"
+    @invalid.capture="required && onInvalid()"
+  >
+    <summary :id="`label-${instanceId}`">{{ title }} {{ required ? "*" : "" }}</summary>
+
+    <p v-if="required" class="error" :id="`description-${instanceId}`">Kies minimaal één optie.</p>
+
+    <div class="checkbox check-all">
+      <label
+        ><input
+          type="checkbox"
+          @click="toggleAll"
+          :checked="allSelected"
+          :aria-describedby="`description-${instanceId}`"
+          :aria-invalid="!model.length ? true : undefined"
+        />
+        selecteer alles
+      </label>
+    </div>
+
+    <div class="checkbox" v-for="({ uuid, naam }, key) in options" :key="key">
+      <label
+        ><input
+          type="checkbox"
+          :value="uuid"
+          v-model="model"
+          :aria-describedby="`description-${instanceId}`"
+          :aria-invalid="!model.length ? true : undefined"
+        />{{ naam }}</label
+      >
+    </div>
+  </details>
+</template>
+
+<script setup lang="ts">
+import { computed, getCurrentInstance } from "vue";
+import { useCheckboxGroup } from "./use-checkbox-group";
+import type { OptionProps } from "./types";
+
+const instanceId = getCurrentInstance()?.uid;
+
+const { groupRef, setCustomValidity, onInvalid } = useCheckboxGroup();
+
+const props = defineProps<{
+  title: string;
+  options: OptionProps[];
+  modelValue: string[];
+  required?: boolean;
+}>();
+
+const emit = defineEmits<{
+  (e: "update:modelValue", payload: string[]): void;
+}>();
+
+const model = computed({
+  get: () => props.modelValue,
+  set: (value) => emit("update:modelValue", value)
+});
+
+const itemIds = computed(() => props.options.map((option) => option.uuid));
+
+const allSelected = computed(
+  () =>
+    !!itemIds.value?.length &&
+    model.value?.filter((id) => itemIds.value.includes(id)).length === itemIds.value?.length
+);
+
+const toggleAll = () => {
+  model.value = allSelected.value
+    ? model.value?.filter((id) => !itemIds.value.includes(id)) || []
+    : [...new Set([...(model.value || []), ...itemIds.value])];
+};
+</script>
+
+<style lang="scss" scoped>
+.check-all {
+  padding-block-end: var(--spacing-small);
+  margin-block-end: var(--spacing-small);
+  border-bottom: 1px solid var(--color-grey);
+}
+
+details {
+  &:has(:user-invalid) {
+    border-color: var(--code);
+
+    .error {
+      color: var(--code);
+    }
+  }
+}
+</style>
diff --git a/odpc.client/src/components/checkbox-group/types.ts b/odpc.client/src/components/checkbox-group/types.ts
new file mode 100644
index 0000000..e9fda29
--- /dev/null
+++ b/odpc.client/src/components/checkbox-group/types.ts
@@ -0,0 +1,4 @@
+export type OptionProps = {
+  uuid: string;
+  naam: string;
+};
diff --git a/odpc.client/src/components/checkbox-group/use-checkbox-group.ts b/odpc.client/src/components/checkbox-group/use-checkbox-group.ts
new file mode 100644
index 0000000..c03b419
--- /dev/null
+++ b/odpc.client/src/components/checkbox-group/use-checkbox-group.ts
@@ -0,0 +1,28 @@
+import { ref, watchEffect } from "vue";
+
+export const useCheckboxGroup = () => {
+  const groupRef = ref<HTMLElement>();
+
+  const isAnyChecked = (checkboxes: NodeListOf<HTMLInputElement>) =>
+    Array.from(checkboxes).some((checkbox) => checkbox.checked);
+
+  const setCustomValidity = () => {
+    const checkboxes = (groupRef.value?.querySelectorAll("[type='checkbox']") ||
+      []) as NodeListOf<HTMLInputElement>;
+
+    checkboxes.forEach((checkbox) =>
+      checkbox.setCustomValidity(!isAnyChecked(checkboxes) ? "Kies minimaal één optie." : "")
+    );
+  };
+
+  const onInvalid = () =>
+    groupRef.value instanceof HTMLDetailsElement && (groupRef.value.open = true);
+
+  watchEffect(() => groupRef.value?.hasAttribute("aria-required") && setCustomValidity());
+
+  return {
+    groupRef,
+    setCustomValidity,
+    onInvalid
+  };
+};
diff --git a/odpc.client/src/composables/use-all-pages.ts b/odpc.client/src/composables/use-all-pages.ts
new file mode 100644
index 0000000..68849de
--- /dev/null
+++ b/odpc.client/src/composables/use-all-pages.ts
@@ -0,0 +1,38 @@
+import type { PagedResult } from "@/api";
+import { asyncComputed } from "@vueuse/core";
+import { ref } from "vue";
+
+const fetchPage = <T>(url: string, signal?: AbortSignal | undefined) =>
+  fetch(url, { headers: { "is-api": "true" }, signal })
+    .then((r) => (r.ok ? r : Promise.reject(r)))
+    .then((r) => r.json() as Promise<PagedResult<T>>);
+
+const fetchAllPages = async <T>(url: string, signal?: AbortSignal | undefined): Promise<T[]> => {
+  const { results, next } = await fetchPage<T>(url, signal);
+  if (next) return [...results, ...(await fetchAllPages<T>(next, signal))];
+  return results;
+};
+
+export const useAllPages = <T>(url: string) => {
+  const error = ref(false);
+  const loading = ref(true);
+  const data = asyncComputed(
+    (onCancel) => {
+      const abortController = new AbortController();
+
+      onCancel(() => abortController.abort());
+
+      return fetchAllPages<T>(url, abortController.signal).catch(() => {
+        error.value = true;
+        return [] as T[];
+      });
+    },
+    [],
+    loading
+  );
+  return {
+    error,
+    loading,
+    data
+  };
+};
diff --git a/odpc.client/src/composables/use-paged-search.ts b/odpc.client/src/composables/use-paged-search.ts
index d4e84c6..9488540 100644
--- a/odpc.client/src/composables/use-paged-search.ts
+++ b/odpc.client/src/composables/use-paged-search.ts
@@ -1,18 +1,11 @@
 import { ref, watch, computed, onMounted, type Ref } from "vue";
 import { useRouter } from "vue-router";
 import { useUrlSearchParams } from "@vueuse/core";
-import { useFetchApi } from "@/api/use-fetch-api";
+import { useFetchApi, type PagedResult } from "@/api";
 
 const API_URL = `/api/v1`;
 const PAGE_SIZE = 5;
 
-type PagedResult<T> = {
-  count: number;
-  next?: string;
-  previous?: string;
-  results: T[];
-};
-
 export const usePagedSearch = <T, QueryParams extends { page: string }>(
   endpoint: string,
   params: QueryParams
diff --git a/odpc.client/src/features/gebruikersgroep/GebruikersgroepDetails.vue b/odpc.client/src/features/gebruikersgroep/GebruikersgroepDetails.vue
index 51ec387..98bc4cc 100644
--- a/odpc.client/src/features/gebruikersgroep/GebruikersgroepDetails.vue
+++ b/odpc.client/src/features/gebruikersgroep/GebruikersgroepDetails.vue
@@ -1,24 +1,15 @@
 <template>
-  <simple-spinner v-show="loading"></simple-spinner>
+  <simple-spinner v-show="loadingGebruikersgroep"></simple-spinner>
 
-  <form v-show="!loading" @submit.prevent="submit" ref="formRef" novalidate>
+  <form v-show="!loadingGebruikersgroep" @submit.prevent="submit" ref="formRef">
     <section>
       <alert-inline v-if="gebruikersgroepError"
         >Er is iets misgegaan bij het ophalen van de gebruikersgroep...</alert-inline
       >
 
-      <gebruikersgroep-form
-        v-else
-        v-model="gebruikersgroep"
-        @addGebruiker="addGebruiker"
-        @removeGebruiker="removeGebruiker"
-      />
+      <gebruikersgroep-form v-else v-model="gebruikersgroep" />
 
-      <alert-inline v-if="waardelijstItemsError"
-        >Er is iets misgegaan bij het ophalen van de waardelijsten...</alert-inline
-      >
-
-      <waardelijsten-form v-else v-model="gebruikersgroep.gekoppeldeWaardelijsten" />
+      <waardelijsten-form v-model="gebruikersgroep.gekoppeldeWaardelijsten" />
     </section>
 
     <div class="form-submit">
@@ -36,14 +27,16 @@
             type="button"
             title="Verwijderen"
             class="secondary"
-            :disabled="error"
+            :disabled="gebruikersgroepError"
             @click="remove"
           >
             Verwijderen
           </button>
         </li>
 
-        <li><button type="submit" title="Opslaan" :disabled="error">Opslaan</button></li>
+        <li>
+          <button type="submit" title="Opslaan" :disabled="gebruikersgroepError">Opslaan</button>
+        </li>
       </menu>
     </div>
 
@@ -54,43 +47,31 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed } from "vue";
 import { useRouter } from "vue-router";
 import { useConfirmDialog } from "@vueuse/core";
 import SimpleSpinner from "@/components/SimpleSpinner.vue";
 import AlertInline from "@/components/AlertInline.vue";
 import PromptModal from "@/components/PromptModal.vue";
 import toast from "@/stores/toast";
-import { validateForm } from "@/helpers/validate";
 import GebruikersgroepForm from "./components/GebruikersgroepForm.vue";
 import WaardelijstenForm from "./components/WaardelijstenForm.vue";
-import { loadingWaardelijstItems, waardelijstItemsError } from "@/features/waardelijst";
 import { useGebruikersgroep } from "./composables/use-gebruikersgroep";
 
 const router = useRouter();
 
 const props = defineProps<{ uuid?: string }>();
 
-const formRef = ref<HTMLFormElement>();
-
 const dialog = useConfirmDialog();
 
-const loading = computed(() => loadingGebruikersgroep.value || loadingWaardelijstItems.value);
-const error = computed(() => !!gebruikersgroepError.value || !!waardelijstItemsError.value);
-
 const {
   gebruikersgroep,
   loadingGebruikersgroep,
   gebruikersgroepError,
   submitGebruikersgroep,
-  removeGebruikersgroep,
-  addGebruiker,
-  removeGebruiker
+  removeGebruikersgroep
 } = useGebruikersgroep(props.uuid);
 
 const submit = async () => {
-  if (validateForm(formRef.value).invalid) return;
-
   try {
     await submitGebruikersgroep();
   } catch {
diff --git a/odpc.client/src/features/gebruikersgroep/components/GebruikersgroepForm.vue b/odpc.client/src/features/gebruikersgroep/components/GebruikersgroepForm.vue
index 8365b0c..5066d7e 100644
--- a/odpc.client/src/features/gebruikersgroep/components/GebruikersgroepForm.vue
+++ b/odpc.client/src/features/gebruikersgroep/components/GebruikersgroepForm.vue
@@ -8,11 +8,11 @@
       <input
         id="titel"
         type="text"
-        v-model="model.naam"
+        v-model="naam"
         required
         aria-required="true"
         aria-describedby="titelError"
-        :aria-invalid="!model.naam"
+        :aria-invalid="!naam"
       />
 
       <span id="titelError" class="error">Naam is een verplicht veld</span>
@@ -21,7 +21,7 @@
     <div class="form-group">
       <label for="omschrijving">Omschrijving</label>
 
-      <textarea id="omschrijving" v-model="model.omschrijving" rows="4"></textarea>
+      <textarea id="omschrijving" v-model="omschrijving" rows="4"></textarea>
     </div>
 
     <div class="form-group form-group-button">
@@ -32,14 +32,14 @@
         type="text"
         v-model="gebruiker"
         :aria-invalid="!gebruiker.trim().length"
-        @keydown.enter.prevent="onAddGebruiker"
+        @keydown.enter.prevent="addGebruiker"
       />
 
       <button
         type="button"
         :disabled="!gebruiker.trim().length"
         :aria-disabled="!gebruiker.trim().length"
-        @click="onAddGebruiker"
+        @click="addGebruiker"
       >
         Toevoegen
       </button>
@@ -48,16 +48,16 @@
     <details ref="detailsRef" aria-live="polite">
       <summary>Toegevoegde gebruikers</summary>
 
-      <p v-if="!model.gekoppeldeGebruikers.length">Er zijn nog geen gebruikers toegevoegd.</p>
+      <p v-if="!gekoppeldeGebruikers.length">Er zijn nog geen gebruikers toegevoegd.</p>
 
       <ul v-else class="reset">
-        <li v-for="(gekoppeldeGebruiker, index) in model.gekoppeldeGebruikers" :key="index">
+        <li v-for="(gekoppeldeGebruiker, index) in gekoppeldeGebruikers" :key="index">
           <button
             type="button"
             :title="`${gekoppeldeGebruiker} verwijderen`"
             :aria-label="`${gekoppeldeGebruiker} verwijderen`"
             class="button secondary icon-after xmark"
-            @click="$emit('removeGebruiker', index)"
+            @click="() => removeGebruiker(index)"
           >
             {{ gekoppeldeGebruiker }}
           </button>
@@ -68,43 +68,53 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, ref, useModel } from "vue";
 import toast from "@/stores/toast";
 import type { Gebruikersgroep } from "../types";
 
 const props = defineProps<{ modelValue: Gebruikersgroep }>();
 
-const emit = defineEmits<{
-  (e: "update:modelValue", payload: Gebruikersgroep): void;
-  (e: "addGebruiker", payload: string): void;
-  (e: "removeGebruiker", payload: number): void;
-}>();
+const model = useModel(props, "modelValue");
 
-const model = computed({
-  get: () => props.modelValue,
-  set: (value) => emit("update:modelValue", value)
-});
+const useModelProperty = <K extends keyof Gebruikersgroep>(key: K) =>
+  computed({
+    get: () => model.value[key],
+    set: (v) => {
+      model.value = { ...props.modelValue, [key]: v };
+    }
+  });
 
 const detailsRef = ref<HTMLDetailsElement>();
 
 const gebruiker = ref("");
 
-const onAddGebruiker = () => {
+const naam = useModelProperty("naam");
+
+const omschrijving = useModelProperty("omschrijving");
+
+const gekoppeldeGebruikers = useModelProperty("gekoppeldeGebruikers");
+
+const addGebruiker = () => {
   if (!gebruiker.value.trim().length) return;
 
   detailsRef.value && (detailsRef.value.open = true);
 
-  if (model.value.gekoppeldeGebruikers.includes(gebruiker.value)) {
+  if (gekoppeldeGebruikers.value.includes(gebruiker.value)) {
     toast.add({
       text: "Deze gebruiker is al toegevoegd.",
       type: "error"
     });
-  } else {
-    emit("addGebruiker", gebruiker.value.trim());
+    return;
   }
 
+  gekoppeldeGebruikers.value = [...gekoppeldeGebruikers.value, gebruiker.value.trim()];
+
   gebruiker.value = "";
 };
+
+const removeGebruiker = (index: number) => {
+  gekoppeldeGebruikers.value = gekoppeldeGebruikers.value.filter((_, i) => i !== index);
+};
 </script>
 
 <style lang="scss" scoped>
diff --git a/odpc.client/src/features/gebruikersgroep/components/WaardelijstenForm.vue b/odpc.client/src/features/gebruikersgroep/components/WaardelijstenForm.vue
index cfad1b5..ace7f1f 100644
--- a/odpc.client/src/features/gebruikersgroep/components/WaardelijstenForm.vue
+++ b/odpc.client/src/features/gebruikersgroep/components/WaardelijstenForm.vue
@@ -1,28 +1,50 @@
 <template>
-  <fieldset>
+  <SimpleSpinner v-if="loading" />
+  <alert-inline v-else-if="error"
+    >Er is iets misgegaan bij het ophalen van de waardelijsten...</alert-inline
+  >
+  <fieldset v-else>
     <legend>Waardelijsten</legend>
 
-    <checkbox-list
-      v-for="(value, key) in WAARDELIJSTEN"
-      :key="key"
-      :title="value"
-      :options="groupedWaardelijstItems[key]"
+    <checkbox-group
+      v-if="organisaties.length"
+      :title="WAARDELIJSTEN.ORGANISATIE"
+      :options="organisaties"
+      v-model="model"
+    />
+
+    <checkbox-group
+      v-if="informatiecategorieen.length"
+      :title="WAARDELIJSTEN.INFORMATIECATEGORIE"
+      :options="informatiecategorieen"
       v-model="model"
     />
   </fieldset>
 </template>
 
 <script setup lang="ts">
-import { computed } from "vue";
-import CheckboxList from "@/components/CheckboxList.vue";
-import { WAARDELIJSTEN, groupedWaardelijstItems } from "@/features/waardelijst";
-
+import { computed, useModel } from "vue";
+import CheckboxGroup from "@/components/checkbox-group/CheckboxGroup.vue";
+import AlertInline from "@/components/AlertInline.vue";
+import SimpleSpinner from "@/components/SimpleSpinner.vue";
+import { WAARDELIJSTEN, type WaardelijstItem } from "../types";
+import { useAllPages } from "@/composables/use-all-pages";
 const props = defineProps<{ modelValue: string[] }>();
 
-const emit = defineEmits<{ (e: "update:modelValue", payload: string[]): void }>();
+const model = useModel(props, "modelValue");
+
+const {
+  data: organisaties,
+  loading: organisatiesLoading,
+  error: organisatiesError
+} = useAllPages<WaardelijstItem>("/api/v1/organisaties");
+
+const {
+  data: informatiecategorieen,
+  error: informatiecategorieenError,
+  loading: informatiecategorieenLoading
+} = useAllPages<WaardelijstItem>("/api/v1/informatiecategorieen");
 
-const model = computed({
-  get: () => props.modelValue,
-  set: (value) => emit("update:modelValue", value)
-});
+const error = computed(() => organisatiesError.value || informatiecategorieenError.value);
+const loading = computed(() => informatiecategorieenLoading.value || organisatiesLoading.value);
 </script>
diff --git a/odpc.client/src/features/gebruikersgroep/composables/use-gebruikersgroep.ts b/odpc.client/src/features/gebruikersgroep/composables/use-gebruikersgroep.ts
index a21b735..5ed1ab3 100644
--- a/odpc.client/src/features/gebruikersgroep/composables/use-gebruikersgroep.ts
+++ b/odpc.client/src/features/gebruikersgroep/composables/use-gebruikersgroep.ts
@@ -2,9 +2,8 @@ import { ref, onMounted, watch } from "vue";
 import { useFetchApi } from "@/api/use-fetch-api";
 import toast from "@/stores/toast";
 import type { Gebruikersgroep } from "../types";
-import { waardelijstIds } from "@/features/waardelijst";
 
-const GGAPI_URL = `/api/v1/gebruikersgroepen`;
+const API_URL = `/api/v1`;
 
 export const useGebruikersgroep = (uuid?: string) => {
   const gebruikersgroep = ref<Gebruikersgroep>({
@@ -22,20 +21,13 @@ export const useGebruikersgroep = (uuid?: string) => {
     data: gebruikersgroepData,
     isFetching: loadingGebruikersgroep,
     error: gebruikersgroepError
-  } = useFetchApi(() => `${GGAPI_URL}${uuid ? "/" + uuid : ""}`, {
+  } = useFetchApi(() => `${API_URL}/gebruikersgroepen${uuid ? "/" + uuid : ""}`, {
     immediate: false
   }).json<Gebruikersgroep>();
 
   watch(gebruikersgroepData, (value) => (gebruikersgroep.value = value || gebruikersgroep.value));
 
   const submitGebruikersgroep = async () => {
-    gebruikersgroep.value = {
-      ...gebruikersgroep.value,
-      gekoppeldeWaardelijsten: gebruikersgroep.value.gekoppeldeWaardelijsten.filter((id) =>
-        waardelijstIds.value.includes(id)
-      )
-    };
-
     uuid
       ? await putGebruikersgroep(gebruikersgroep).execute()
       : await postGebruikersgroep(gebruikersgroep).execute();
@@ -67,12 +59,6 @@ export const useGebruikersgroep = (uuid?: string) => {
     }
   };
 
-  const addGebruiker = (gebruiker: string) =>
-    gebruikersgroep.value.gekoppeldeGebruikers.push(gebruiker);
-
-  const removeGebruiker = (index: number) =>
-    gebruikersgroep.value.gekoppeldeGebruikers.splice(index, 1);
-
   onMounted(async () => uuid && (await getGebruikersgroep().execute()));
 
   return {
@@ -80,8 +66,6 @@ export const useGebruikersgroep = (uuid?: string) => {
     loadingGebruikersgroep,
     gebruikersgroepError,
     submitGebruikersgroep,
-    removeGebruikersgroep,
-    addGebruiker,
-    removeGebruiker
+    removeGebruikersgroep
   };
 };
diff --git a/odpc.client/src/features/gebruikersgroep/types.ts b/odpc.client/src/features/gebruikersgroep/types.ts
index 29e6c7e..2af89f2 100644
--- a/odpc.client/src/features/gebruikersgroep/types.ts
+++ b/odpc.client/src/features/gebruikersgroep/types.ts
@@ -1,3 +1,5 @@
+import type { OptionProps } from "@/components/checkbox-group/types";
+
 export type Gebruikersgroep = {
   uuid?: string;
   naam: string;
@@ -5,3 +7,19 @@ export type Gebruikersgroep = {
   gekoppeldeWaardelijsten: string[];
   gekoppeldeGebruikers: string[];
 };
+
+export const WAARDELIJSTEN = {
+  ORGANISATIE: "Organisatie",
+  INFORMATIECATEGORIE: "Informatiecategorie"
+  // THEMA: "Thema"
+  // DOCUMENTSOORT: 'Documentsoort'
+} as const;
+
+export type WaardelijstItem = OptionProps &
+  Partial<{
+    identifier: string;
+    naamMeervoud: string;
+    definitie: string;
+    oorsprong: string;
+    order: number;
+  }>;
diff --git a/odpc.client/src/features/publicatie/PublicatieDetails.vue b/odpc.client/src/features/publicatie/PublicatieDetails.vue
index df66493..68ded06 100644
--- a/odpc.client/src/features/publicatie/PublicatieDetails.vue
+++ b/odpc.client/src/features/publicatie/PublicatieDetails.vue
@@ -1,8 +1,8 @@
 <template>
   <simple-spinner v-show="loading"></simple-spinner>
 
-  <form v-show="!loading" @submit.prevent="submit" ref="formRef" novalidate>
-    <section>
+  <form v-if="!loading" @submit.prevent="submit">
+    <section v-if="mijnInformatiecategorieen?.length">
       <alert-inline v-if="publicatieError"
         >Er is iets misgegaan bij het ophalen van de publicatie...</alert-inline
       >
@@ -11,6 +11,7 @@
         v-else
         v-model="publicatie"
         :disabled="initialStatus === PublicatieStatus.ingetrokken"
+        :mijn-informatiecategorieen="mijnInformatiecategorieen"
       />
 
       <alert-inline v-if="documentenError"
@@ -26,6 +27,8 @@
       />
     </section>
 
+    <alert-inline v-else>U bent niet gekoppeld aan een actieve gebruikersgroep.</alert-inline>
+
     <div class="form-submit">
       <span class="required-message">Velden met (*) zijn verplicht</span>
 
@@ -68,38 +71,42 @@ import SimpleSpinner from "@/components/SimpleSpinner.vue";
 import AlertInline from "@/components/AlertInline.vue";
 import PromptModal from "@/components/PromptModal.vue";
 import toast from "@/stores/toast";
-import { validateForm } from "@/helpers/validate";
 import PublicatieForm from "./components/PublicatieForm.vue";
 import DocumentForm from "./components/DocumentForm.vue";
 import { usePublicatie } from "./composables/use-publicatie";
 import { useDocumenten } from "./composables/use-documenten";
+import { useWaardelijstenUser } from "./composables/use-waardelijsten-user";
 import { PublicatieStatus } from "./types";
 
 const router = useRouter();
 
 const props = defineProps<{ uuid?: string }>();
 
-const formRef = ref<HTMLFormElement>();
-
 const dialog = useConfirmDialog();
 
 const loading = computed(
   () =>
     loadingPublicatie.value ||
     loadingDocumenten.value ||
+    loadingWaardelijstenUser.value ||
     loadingDocument.value ||
     uploadingFile.value
 );
 
-const error = computed(() => !!publicatieError.value || !!documentenError.value);
+const error = computed(
+  () =>
+    !!publicatieError.value ||
+    !!documentenError.value ||
+    !!waardelijstenUserError.value ||
+    !mijnInformatiecategorieen.value?.length // not linked to active gebruikersgroep
+);
 
 // Publicatie
-
 const { publicatie, publicatieError, loadingPublicatie, submitPublicatie } = usePublicatie(
   props.uuid
 );
 
-// Initial publicatie status in seperate ref to manage UI-state
+// Store initial publicatie status in seperate ref to manage UI-state
 const initialStatus = ref<keyof typeof PublicatieStatus>(PublicatieStatus.gepubliceerd);
 
 watch(loadingPublicatie, () => (initialStatus.value = publicatie.value.status));
@@ -119,6 +126,10 @@ const {
   // Publicatie.uuid is used when new pub and associated docs: docs submit waits for pub submit/publicatie.uuid.
   useDocumenten(computed(() => props.uuid || publicatie.value?.uuid));
 
+// Waardelijsten user
+const { mijnInformatiecategorieen, loadingWaardelijstenUser, waardelijstenUserError } =
+  useWaardelijstenUser();
+
 const navigate = () => {
   if (previousRoute.value?.name === "publicaties") {
     router.push({ name: previousRoute.value.name, query: previousRoute.value?.query });
@@ -128,8 +139,6 @@ const navigate = () => {
 };
 
 const submit = async () => {
-  if (validateForm(formRef.value).invalid) return;
-
   if (publicatie.value.status === PublicatieStatus.ingetrokken) {
     const { isCanceled } = await dialog.reveal();
 
diff --git a/odpc.client/src/features/publicatie/components/DocumentForm.vue b/odpc.client/src/features/publicatie/components/DocumentForm.vue
index e3e41be..e290cb8 100644
--- a/odpc.client/src/features/publicatie/components/DocumentForm.vue
+++ b/odpc.client/src/features/publicatie/components/DocumentForm.vue
@@ -53,6 +53,7 @@
           aria-required="true"
           :aria-describedby="`titelError-${index}`"
           :aria-invalid="!doc.officieleTitel"
+          @invalid="invalidHandler"
         />
 
         <span :id="`titelError-${index}`" class="error">Titel is een verplicht veld</span>
@@ -113,6 +114,11 @@ const model = computed<PublicatieDocument[]>({
   set: (value) => emit("update:documenten", value)
 });
 
+const invalidHandler = (event: Event) => {
+  const details = (event.target as HTMLInputElement).closest("details");
+  details && (details.open = true);
+};
+
 const dialog = useConfirmDialog();
 
 const filesSelected = (event: Event | DragEvent) => {
diff --git a/odpc.client/src/features/publicatie/components/PublicatieForm.vue b/odpc.client/src/features/publicatie/components/PublicatieForm.vue
index 5ac8ee5..60ceb82 100644
--- a/odpc.client/src/features/publicatie/components/PublicatieForm.vue
+++ b/odpc.client/src/features/publicatie/components/PublicatieForm.vue
@@ -40,26 +40,43 @@
       <span id="titelError" class="error">Titel is een verplicht veld</span>
     </div>
 
-    <div class="form-group">
-      <label for="verkorte_titel">Verkorte titel</label>
+    <details>
+      <summary>Meer details</summary>
 
-      <input id="verkorte_titel" type="text" v-model="model.verkorteTitel" />
-    </div>
+      <div class="form-group">
+        <label for="verkorte_titel">Verkorte titel</label>
 
-    <div class="form-group">
-      <label for="omschrijving">Omschrijving</label>
+        <input id="verkorte_titel" type="text" v-model="model.verkorteTitel" />
+      </div>
 
-      <textarea id="omschrijving" v-model="model.omschrijving" rows="4"></textarea>
-    </div>
+      <div class="form-group">
+        <label for="omschrijving">Omschrijving</label>
+
+        <textarea id="omschrijving" v-model="model.omschrijving" rows="4"></textarea>
+      </div>
+    </details>
+
+    <checkbox-group
+      title="Informatiecategorieën"
+      :options="mijnInformatiecategorieen"
+      v-model="model.gekoppeldeInformatiecategorieen"
+      :required="true"
+    />
   </fieldset>
 </template>
 
 <script setup lang="ts">
 import { computed } from "vue";
 import AlertInline from "@/components/AlertInline.vue";
+import CheckboxGroup from "@/components/checkbox-group/CheckboxGroup.vue";
 import { PublicatieStatus, type Publicatie } from "../types";
+import type { OptionProps } from "@/components/checkbox-group/types";
 
-const props = defineProps<{ modelValue: Publicatie; disabled: boolean }>();
+const props = defineProps<{
+  modelValue: Publicatie;
+  disabled: boolean;
+  mijnInformatiecategorieen: OptionProps[];
+}>();
 
 const emit = defineEmits<{ (e: "update:modelValue", payload: Publicatie): void }>();
 
diff --git a/odpc.client/src/features/publicatie/composables/use-documenten.ts b/odpc.client/src/features/publicatie/composables/use-documenten.ts
index 81b9e6e..2d1c9f5 100644
--- a/odpc.client/src/features/publicatie/composables/use-documenten.ts
+++ b/odpc.client/src/features/publicatie/composables/use-documenten.ts
@@ -4,7 +4,7 @@ import toast from "@/stores/toast";
 import { mimeTypesMap, uploadFile } from "../service";
 import { PublicatieStatus, type PublicatieDocument } from "../types";
 
-const DOCAPI_URL = `/api/v1/documenten`;
+const API_URL = `/api/v1`;
 
 export const useDocumenten = (pubUUID: ComputedRef<string | undefined>) => {
   const getInitialDocument = (): PublicatieDocument => ({
@@ -30,7 +30,7 @@ export const useDocumenten = (pubUUID: ComputedRef<string | undefined>) => {
     data: documentenData,
     isFetching: loadingDocumenten,
     error: documentenError
-  } = useFetchApi(() => `${DOCAPI_URL}/?publicatie=${pubUUID.value}`, {
+  } = useFetchApi(() => `${API_URL}/documenten/?publicatie=${pubUUID.value}`, {
     immediate: false
   }).json<PublicatieDocument[]>();
 
@@ -103,7 +103,7 @@ export const useDocumenten = (pubUUID: ComputedRef<string | undefined>) => {
     data: documentData,
     isFetching: loadingDocument,
     error: documentError
-  } = useFetchApi(() => `${DOCAPI_URL}${docUUID.value ? "/" + docUUID.value : ""}`, {
+  } = useFetchApi(() => `${API_URL}/documenten${docUUID.value ? "/" + docUUID.value : ""}`, {
     immediate: false
   }).json<PublicatieDocument>();
 
diff --git a/odpc.client/src/features/publicatie/composables/use-publicatie.ts b/odpc.client/src/features/publicatie/composables/use-publicatie.ts
index cf3c48a..078bd77 100644
--- a/odpc.client/src/features/publicatie/composables/use-publicatie.ts
+++ b/odpc.client/src/features/publicatie/composables/use-publicatie.ts
@@ -3,7 +3,7 @@ import { useFetchApi } from "@/api/use-fetch-api";
 import toast from "@/stores/toast";
 import type { Publicatie } from "../types";
 
-const PUBAPI_URL = `/api/v1/publicaties`;
+const API_URL = `/api/v1`;
 
 export const usePublicatie = (uuid?: string) => {
   const publicatie = ref<Publicatie>({
@@ -11,7 +11,8 @@ export const usePublicatie = (uuid?: string) => {
     verkorteTitel: "",
     omschrijving: "",
     registratiedatum: new Date().toISOString().split("T")[0],
-    status: "gepubliceerd"
+    status: "gepubliceerd",
+    gekoppeldeInformatiecategorieen: []
   });
 
   const {
@@ -21,7 +22,7 @@ export const usePublicatie = (uuid?: string) => {
     data: publicatieData,
     isFetching: loadingPublicatie,
     error: publicatieError
-  } = useFetchApi(() => `${PUBAPI_URL}${uuid ? "/" + uuid : ""}`, {
+  } = useFetchApi(() => `${API_URL}/publicaties${uuid ? "/" + uuid : ""}`, {
     immediate: false
   }).json<Publicatie>();
 
diff --git a/odpc.client/src/features/publicatie/composables/use-waardelijsten-user.ts b/odpc.client/src/features/publicatie/composables/use-waardelijsten-user.ts
new file mode 100644
index 0000000..f22c7fe
--- /dev/null
+++ b/odpc.client/src/features/publicatie/composables/use-waardelijsten-user.ts
@@ -0,0 +1,18 @@
+import { useFetchApi } from "@/api";
+import type { OptionProps } from "@/components/checkbox-group/types";
+
+const API_URL = `/api/v1`;
+
+export const useWaardelijstenUser = () => {
+  const {
+    data: mijnInformatiecategorieen,
+    isFetching: loadingWaardelijstenUser,
+    error: waardelijstenUserError
+  } = useFetchApi(() => `${API_URL}/mijn-informatiecategorieen`).json<OptionProps[]>();
+
+  return {
+    mijnInformatiecategorieen,
+    loadingWaardelijstenUser,
+    waardelijstenUserError
+  };
+};
diff --git a/odpc.client/src/features/publicatie/types.ts b/odpc.client/src/features/publicatie/types.ts
index 6912554..83bd638 100644
--- a/odpc.client/src/features/publicatie/types.ts
+++ b/odpc.client/src/features/publicatie/types.ts
@@ -11,6 +11,7 @@ export type Publicatie = {
   omschrijving: string;
   registratiedatum: string;
   status: keyof typeof PublicatieStatus;
+  gekoppeldeInformatiecategorieen: string[];
 };
 
 export type PublicatieDocument = {
diff --git a/odpc.client/src/features/waardelijst/index.ts b/odpc.client/src/features/waardelijst/index.ts
deleted file mode 100644
index 4593a61..0000000
--- a/odpc.client/src/features/waardelijst/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from "./service";
-export * from "./types";
diff --git a/odpc.client/src/features/waardelijst/service.ts b/odpc.client/src/features/waardelijst/service.ts
deleted file mode 100644
index b5f0e07..0000000
--- a/odpc.client/src/features/waardelijst/service.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { computed } from "vue";
-import { useFetchApi } from "@/api/use-fetch-api";
-import {
-  WAARDELIJSTEN,
-  type GroupedWaardelijstItems,
-  type Waardelijst,
-  type WaardelijstItem
-} from "./types";
-
-const {
-  data,
-  isFetching: loadingWaardelijstItems,
-  error: waardelijstItemsError
-} = useFetchApi(`/api/v1/waardelijsten`).json<WaardelijstItem[]>();
-
-const waardelijstIds = computed(() => data.value?.map((item) => item.id) || []);
-
-const groupedWaardelijstItems = computed<GroupedWaardelijstItems>(() =>
-  Object.keys(WAARDELIJSTEN).reduce((result: GroupedWaardelijstItems, key) => {
-    result[key as Waardelijst] =
-      data.value
-        ?.filter((item) => item.type === key)
-        ?.sort((a, b) => a.name.localeCompare(b.name)) || [];
-    return result;
-  }, {} as GroupedWaardelijstItems)
-);
-
-export { waardelijstIds, groupedWaardelijstItems, loadingWaardelijstItems, waardelijstItemsError };
diff --git a/odpc.client/src/features/waardelijst/types.ts b/odpc.client/src/features/waardelijst/types.ts
deleted file mode 100644
index cfd1ea8..0000000
--- a/odpc.client/src/features/waardelijst/types.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type { OptionProps } from "@/components/CheckboxList.vue";
-
-export const WAARDELIJSTEN = {
-  ORGANISATIE: "Organisatie",
-  INFORMATIECATEGORIE: "Informatiecategorie",
-  THEMA: "Thema"
-  // DOCUMENTSOORT: 'Documentsoort'
-} as const;
-
-export type Waardelijst = keyof typeof WAARDELIJSTEN;
-
-export type WaardelijstItem = {
-  type: Waardelijst;
-} & OptionProps;
-
-export type GroupedWaardelijstItems = {
-  [key in Waardelijst]: WaardelijstItem[];
-};
diff --git a/odpc.client/src/helpers/validate.ts b/odpc.client/src/helpers/validate.ts
deleted file mode 100644
index 83b2e8b..0000000
--- a/odpc.client/src/helpers/validate.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export const validateForm = (form?: HTMLFormElement): { valid?: boolean; invalid?: boolean } => {
-  if (form?.checkValidity()) return { valid: true };
-
-  const inputs = form?.querySelectorAll("input:invalid") as NodeListOf<HTMLInputElement>;
-
-  inputs.forEach((input) => {
-    input.classList.add("invalid");
-
-    const details = input.closest("details");
-    details && (details.open = true);
-  });
-
-  inputs?.[0].focus();
-
-  return { invalid: true };
-};