diff --git a/src/web/Client/Jordnaer.Client.csproj b/src/web/Client/Jordnaer.Client.csproj
index 573a7dce..3ec4e93c 100644
--- a/src/web/Client/Jordnaer.Client.csproj
+++ b/src/web/Client/Jordnaer.Client.csproj
@@ -11,6 +11,7 @@
+
diff --git a/src/web/Client/Pages/Groups/Groups.razor b/src/web/Client/Pages/Groups/Groups.razor
index 2ad2777e..dee68d45 100644
--- a/src/web/Client/Pages/Groups/Groups.razor
+++ b/src/web/Client/Pages/Groups/Groups.razor
@@ -1,7 +1,41 @@
@page "/groups"
+@using Bogus
Grupper
+Opret gruppe
+
+@if (_groups.Count > 0)
+{
+
+ @foreach (var group in _groups)
+ {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+
+}
@code {
+ private readonly List _groups = _groupFaker.Generate(20);
+ private static readonly Faker _groupFaker = new Faker()
+ .RuleFor(g => g.Id, f => Guid.NewGuid())
+ .RuleFor(g => g.Name, f => f.Company.CompanyName())
+ .RuleFor(g => g.ShortDescription, f => f.Lorem.Sentence())
+ .RuleFor(g => g.Description, f => f.Lorem.Paragraph())
+ .RuleFor(g => g.MemberCount, f => f.Random.Int(0, 300))
+ .RuleFor(g => g.CreatedUtc, f => f.Date.Past(3));
}