diff --git a/ImageBoardServerApp/ImageBoardServerApp.csproj b/ImageBoardServerApp/ImageBoardServerApp.csproj
index 7866871..756ebf0 100644
--- a/ImageBoardServerApp/ImageBoardServerApp.csproj
+++ b/ImageBoardServerApp/ImageBoardServerApp.csproj
@@ -18,18 +18,9 @@
       <PackageReference Include="Swashbuckle.AspNetCore" Version="6.4.0" />
     </ItemGroup>
 
-    <ItemGroup>
-      <AdditionalFiles Include="Shared\Components\Forms\CommentForm.razor" />
-      <AdditionalFiles Include="Shared\Components\Forms\PostForm.razor" />
-    </ItemGroup>
-
     <ItemGroup>
       <Folder Include="wwwroot\img\dynamic\comment\b" />
       <Folder Include="wwwroot\img\dynamic\op\b" />
     </ItemGroup>
 
-    <ItemGroup>
-      <Content Remove="wwwroot\img\dynamic\op\1663306837979603.jpg" />
-    </ItemGroup>
-
 </Project>
diff --git a/ImageBoardServerApp/Pages/Accounts/Login.razor b/ImageBoardServerApp/Pages/Accounts/Login.razor
index 3c53718..5483640 100644
--- a/ImageBoardServerApp/Pages/Accounts/Login.razor
+++ b/ImageBoardServerApp/Pages/Accounts/Login.razor
@@ -1,7 +1,6 @@
 @page "/login"
 @using ImageBoardServerApp.Data.Repository
 @using ImageBoardServerApp.Auth
-@using System.Runtime.InteropServices
 @inject IJSRuntime js
 @inject AuthenticationStateProvider authStateProvider
 @inject NavigationManager navManager
diff --git a/ImageBoardServerApp/Pages/Accounts/Register.razor b/ImageBoardServerApp/Pages/Accounts/Register.razor
new file mode 100644
index 0000000..b422d38
--- /dev/null
+++ b/ImageBoardServerApp/Pages/Accounts/Register.razor
@@ -0,0 +1,67 @@
+@page "/register"
+@using ImageBoardServerApp.Data.Repository
+@using ImageBoardServerApp.Auth
+@inject IJSRuntime js
+@inject AuthenticationStateProvider authStateProvider
+@inject NavigationManager navManager
+
+<h3>Register to bulletbroards</h3>
+<div>
+    <form>
+        <div>
+            <label for="email">Email:</label>
+            <input type="email" id="email" @bind="Email" />
+        </div>
+        <div>
+            <label for="password">Password:</label>
+            <input type="password" id="password" @bind="Password" />
+        </div>
+        <a @onclick="login" href="javascript:void(0)">[Register]</a>
+    </form>
+
+</div>
+@code {
+    private string Email { get; set; }
+    private string Password { get; set; }
+
+    private bool verified;
+
+    private async Task login()
+    {
+        Console.WriteLine("Registering...");
+        UserData userToCreate = new UserData()
+        {
+            Email = Email,
+            Password = BCrypt.Net.BCrypt.HashPassword(Password),
+            Role = "User",
+            PermissionInteger = 1,
+            TimeBanned = -1
+        };
+        if (await UsersRepository.getUserByEmailAsync(Email) != null)
+        {
+            return;
+        }
+        await UsersRepository.createUserAsync(userToCreate);
+        Console.WriteLine("loggin you in...");
+        var user = await UsersRepository.getUserByEmailAsync(Email);
+        if (user == null)
+        {
+            await js.InvokeVoidAsync("alert", "User does not exist");
+            verified = false;
+            return;
+        }
+        verified = BCrypt.Net.BCrypt.Verify(Password, user.Password);
+        if (verified)
+        {
+            verified = true;
+            var customAuthStateProvider = (CustomAuthenticationStateProvider)authStateProvider;
+            await customAuthStateProvider.UpdateAuthenticationStateAsync(user);
+            navManager.NavigateTo("/", true);
+            return;
+        }
+        await js.InvokeVoidAsync("alert", $"Wrong Password");
+    }
+}
+@code {
+    
+}
\ No newline at end of file
diff --git a/ImageBoardServerApp/Pages/Basic/Index.razor b/ImageBoardServerApp/Pages/Basic/Index.razor
index 513b766..99a6427 100644
--- a/ImageBoardServerApp/Pages/Basic/Index.razor
+++ b/ImageBoardServerApp/Pages/Basic/Index.razor
@@ -6,8 +6,8 @@
 <h1>BulletBoard</h1>
 <span>This is a simple Imageboard made in Razor.</span>
 <br/>
-<span>We're currently hosting @amountOfPosts Threads with @amountOfComments Comments from @amountOfUsers Users.</span>
-<br/>
+<span>We're currently hosting @amountOfPosts Threads, @amountOfComments Comments and @amountOfUsers Users.</span>
+<sr/>
 <span>@Details</span>
 
 @code{
diff --git a/ImageBoardServerApp/Pages/Moderation/ModMenu.razor b/ImageBoardServerApp/Pages/Moderation/ModMenu.razor
new file mode 100644
index 0000000..bdea895
--- /dev/null
+++ b/ImageBoardServerApp/Pages/Moderation/ModMenu.razor
@@ -0,0 +1,31 @@
+@page "/modmenu"
+@using ImageBoardServerApp.Auth
+@inject AuthenticationStateProvider authStateProvider 
+@inject NavigationManager navManager
+
+
+<h3>ModMenu</h3>
+<AuthorizeView>
+    <Authorized>
+        <span>Welcome @mail to the mod menu</span>
+        <div>
+            <a href="/modmenu/reports">[Reports]</a>
+        </div>
+    </Authorized>
+    <NotAuthorized>
+        <a href="/login">You do not have permission to view this menu.</a>
+    </NotAuthorized>
+</AuthorizeView>
+@code {
+    private string mail { get; set; } = "";
+
+    protected override async Task OnInitializedAsync()
+    {
+        var cauthStateProvder = (CustomAuthenticationStateProvider)authStateProvider;
+        var user = await cauthStateProvder.GetAuthenticationStateAsync();
+        if (user.User.Identity.IsAuthenticated)
+        {
+            mail = user.User.Identity.Name;
+        }
+    }
+}
\ No newline at end of file
diff --git a/ImageBoardServerApp/Pages/Moderation/ReportsPage.razor b/ImageBoardServerApp/Pages/Moderation/ReportsPage.razor
new file mode 100644
index 0000000..aaebd07
--- /dev/null
+++ b/ImageBoardServerApp/Pages/Moderation/ReportsPage.razor
@@ -0,0 +1,5 @@
+@page "/modmenu/reports"
+<Reports />
+@code {
+    
+}
\ No newline at end of file
diff --git a/ImageBoardServerApp/Shared/Components/Comment.razor b/ImageBoardServerApp/Shared/Components/Comment.razor
index 7b2ea75..192a56d 100644
--- a/ImageBoardServerApp/Shared/Components/Comment.razor
+++ b/ImageBoardServerApp/Shared/Components/Comment.razor
@@ -9,6 +9,10 @@
     <a class="toggleOpened" onclick="@ToggleOpened">@toggleText</a>
     <span>]</span>
     <span class="name">@comment.Username</span>
+    @if (comment.User.Role != "User")
+    {
+        <span class="@comment.User.Role" >##@comment.User.Role</span>
+    }
     <span class="date">@getTimeFromUnix(comment.CreatedAt)</span>
     <span class="post-id">No.@comment.CommentID</span>
 </div>
diff --git a/ImageBoardServerApp/Shared/Components/Comment.razor.css b/ImageBoardServerApp/Shared/Components/Comment.razor.css
index b69acda..30f20bc 100644
--- a/ImageBoardServerApp/Shared/Components/Comment.razor.css
+++ b/ImageBoardServerApp/Shared/Components/Comment.razor.css
@@ -58,4 +58,11 @@
 
 .threadTextContainer{
     margin: 0;
-}
\ No newline at end of file
+}
+
+.Admin{
+    color: #ff191c;
+}
+.Mod{
+    color: #af13d7;
+}
diff --git a/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor b/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
index 0a81474..883ab15 100644
--- a/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
+++ b/ImageBoardServerApp/Shared/Components/Forms/CommentForm.razor
@@ -100,7 +100,7 @@
         {
             Stream stream = selectedFile.OpenReadStream(maxAllowedSize: 512000 * 4); // max 2MB
             var file = Path.GetRandomFileName() + "." + selectedFile.Name.Split(".")[selectedFile.Name.Split(".").Length - 1];
-            var path = $"{env.WebRootPath}\\img\\dynamic\\comment\\{@post.Board}\\{file}";
+            var path = $"{env.WebRootPath}/img/dynamic/comment/{@post.Board}/{file}";
             FileStream fs = File.Create(path);
             await stream.CopyToAsync(fs);
             stream.Close();
@@ -110,7 +110,7 @@
             var imageToUpload = new ImageData
             {
                 Board = post.Board,
-                ImageLocation = $"\\img\\dynamic\\comment\\{post.Board}\\{file}"
+                ImageLocation = $"/img/dynamic/comment/{post.Board}/{file}"
             };
             int imageID = await ImagesRepository.createImageAsync(imageToUpload);
             commentToCreate = new CommentData()
diff --git a/ImageBoardServerApp/Shared/Components/Forms/PostForm.razor b/ImageBoardServerApp/Shared/Components/Forms/PostForm.razor
index 2389009..01338f2 100644
--- a/ImageBoardServerApp/Shared/Components/Forms/PostForm.razor
+++ b/ImageBoardServerApp/Shared/Components/Forms/PostForm.razor
@@ -120,7 +120,7 @@
         
         Stream stream = selectedFile.OpenReadStream(maxAllowedSize: 512000 * 4); // max 2MB
         var file = Path.GetRandomFileName() + "." + selectedFile.Name.Split(".")[selectedFile.Name.Split(".").Length - 1];
-        var path = $"{env.WebRootPath}\\img\\dynamic\\op\\{board.Tag}\\{file}";
+        var path = $"{env.WebRootPath}/img/dynamic/op/{board.Tag}/{file}";
         FileStream fs = File.Create(path);
         await stream.CopyToAsync(fs);
         stream.Close();
@@ -129,7 +129,7 @@
         var imageToUpload = new ImageData
         {
             Board = board.Tag,
-            ImageLocation = $"\\img\\dynamic\\op\\{board.Tag}\\{file}"
+            ImageLocation = $"/img/dynamic/op/{board.Tag}/{file}"
         };
         int imageID = await ImagesRepository.createImageAsync(imageToUpload);
         var postToPost = new PostData
diff --git a/ImageBoardServerApp/Shared/Components/Post.razor b/ImageBoardServerApp/Shared/Components/Post.razor
index af77439..b3d8f72 100644
--- a/ImageBoardServerApp/Shared/Components/Post.razor
+++ b/ImageBoardServerApp/Shared/Components/Post.razor
@@ -13,7 +13,10 @@
     }
     <span class="title">@post.Title</span>
     <span class="name">@post.Username</span>
-    <span class="roleAdmin" >##@post.User.Role</span>
+    @if (post.User.Role != "User")
+    {
+        <span class="@post.User.Role" >##@post.User.Role</span>.
+    }
     <span class="date">@getTimeFromUnix(post.CreatedAt)</span>
     <span class="post-id">No.@post.PostID</span>
 </div>
diff --git a/ImageBoardServerApp/Shared/Components/Post.razor.css b/ImageBoardServerApp/Shared/Components/Post.razor.css
index 0233d02..2285ed7 100644
--- a/ImageBoardServerApp/Shared/Components/Post.razor.css
+++ b/ImageBoardServerApp/Shared/Components/Post.razor.css
@@ -16,9 +16,13 @@
     color: #339305;
 }
 
-.roleAdmin{
+.Admin{
     color: #ff191c;
 }
+.Mod{
+    color: #af13d7;
+}
+
 
 .threadHeader{
     text-align: left;
diff --git a/ImageBoardServerApp/Shared/Components/Reports.razor b/ImageBoardServerApp/Shared/Components/Reports.razor
new file mode 100644
index 0000000..0fe0732
--- /dev/null
+++ b/ImageBoardServerApp/Shared/Components/Reports.razor
@@ -0,0 +1,5 @@
+<h3>Reports</h3>
+
+@code {
+    
+}
\ No newline at end of file
diff --git a/ImageBoardServerApp/Shared/MainLayout.razor b/ImageBoardServerApp/Shared/MainLayout.razor
index b4d94cf..141e9c6 100644
--- a/ImageBoardServerApp/Shared/MainLayout.razor
+++ b/ImageBoardServerApp/Shared/MainLayout.razor
@@ -20,6 +20,7 @@
                     <a @onclick="logout" href="javascript:void(0)">[Logout @mail]</a>
                 </Authorized>
                 <NotAuthorized>
+                    <a href="/register">[Register]</a>
                     <a href="/login">[Login]</a>
                 </NotAuthorized>
             </AuthorizeView>