Dev

Api/Api.http

@@ -1,4 +1,4 @@
-@Api_HostAddress = http://projectblueprint.ru/
+@Api_HostAddress = 'http://localhost:63342'
 
 GET {{Api_HostAddress}}/
 Accept: application/json

Api/Application/Features/Project/DeleteLike/DeleteLikeHandler.cs

@@ -0,0 +1,13 @@
+namespace Api.Application.Features.Project.DeleteLike;
+using Infrastructure.Repositories.Interfaces;
+using MediatR;
+
+public class DeleteLikeHandler(IProjectRepository projectRepository)
+    : IRequestHandler<DeleteLikeQuery, bool>
+{
+    public async Task<bool> Handle(DeleteLikeQuery request, CancellationToken cancellationToken)
+    {
+        var status = await projectRepository.UnlikeProjectAsync(request.Id,request.cookie.MetricUserId, cancellationToken);
+        return status;
+    }
+}

Api/Application/Features/Project/DeleteLike/DeleteLikeQuery.cs

@@ -0,0 +1,6 @@
+using Client.Models.Models.DTO;
+using MediatR;
+
+namespace Api.Application.Features.Project.DeleteLike;
+
+public record DeleteLikeQuery(int Id, UserCookie cookie) : IRequest<bool>;

Api/Application/Features/Project/GetProject/GetProjectHandle.cs

@@ -9,7 +9,7 @@ public class GetProjectHandle(IProjectRepository projectRepository, IMetricRepos
 {
     public async Task<FullProjectInfo?> Handle(GetProjectQuery request, CancellationToken cancellationToken)
     {
-        var project = await projectRepository.GetFullProjectInfoAsync(request.Id) ??
+        var project = await projectRepository.GetFullProjectInfoAsync(request.Id, request.cookie.MetricUserId) ??
                       throw new KeyNotFoundException($"{request.Id}");
         if (project is null)
             return null;
@@ -27,4 +27,4 @@ await metricRepository.RegisterFilteredProjectViewAsync(
             cancellationToken);
         return project;
     }
-}
+}

Api/Application/Features/Project/GetProjects/GetProjectsHandle.cs

@@ -17,7 +17,10 @@ await metricRepository.RegisterFilteredViewAsync(request.cookie.MetricUserId,
             request.filter.Page,            
             occurredAtUtc,
             cancellationToken);
-        return await projectRepository.SearchAsync(request.filter, cancellationToken)
+        return await projectRepository.SearchAsync(
+                request.filter,
+                request.cookie.MetricUserId,
+                cancellationToken)
             ?? throw new KeyNotFoundException();
     }
 }

Api/Application/Features/Project/ProjectController.cs

@@ -1,6 +1,8 @@
 using Api.Application.Features.Project.GetProject;
 using Api.Application.Features.Project.GetProjects;
 using Api.Application.Features.Project.GetTags;
+using Api.Application.Features.Project.DeleteLike;
+using Api.Application.Features.Project.PutLike;
 using Client.Models.Models.DTO;
 using MediatR;
 using Microsoft.AspNetCore.Mvc;
@@ -24,6 +26,30 @@ public async Task<IActionResult> GetProject(int id,[FromUserCookie] UserCookie c
 
         return Ok(result);
     }
+    [HttpPut("project/{id:int}/like")]
+    [ProducesResponseType(StatusCodes.Status200OK)]
+    [ProducesResponseType(StatusCodes.Status404NotFound)]
+    public async Task<IActionResult> PutLike(int id,[FromUserCookie] UserCookie cookie)
+    {
+        var result = await mediator.Send(new PutLikeQuery(id,cookie));
+
+        if (result is false)
+            return NotFound();
+
+        return Ok(result);
+    }
+    [HttpDelete("project/{id:int}/like")]
+    [ProducesResponseType(StatusCodes.Status200OK)]
+    [ProducesResponseType(StatusCodes.Status404NotFound)]
+    public async Task<IActionResult> DeleteLike(int id,[FromUserCookie] UserCookie cookie)
+    {
+        var result = await mediator.Send(new DeleteLikeQuery(id,cookie));
+
+        if (result is false)
+            return NotFound();
+
+        return Ok(result);
+    }
 
     [HttpGet("projects")]
     [ProducesResponseType(StatusCodes.Status200OK)]

Api/Application/Features/Project/PutLike/PutLikeHandler.cs

@@ -0,0 +1,18 @@
+namespace Api.Application.Features.Project.PutLike;
+using Infrastructure.Repositories.Interfaces;
+using MediatR;
+
+public class PutLikeHandler(IProjectRepository projectRepository)
+    : IRequestHandler<PutLikeQuery, bool>
+{
+    public async Task<bool> Handle(PutLikeQuery request, CancellationToken cancellationToken)
+    {
+        var likedAtUtc = DateTime.UtcNow;
+        var status = await projectRepository.LikeProjectAsync(
+            request.Id,
+            request.cookie.MetricUserId,
+            likedAtUtc,
+            cancellationToken);
+        return status;
+    }
+}

Api/Application/Features/Project/PutLike/PutLikeQuery.cs

@@ -0,0 +1,6 @@
+using Client.Models.Models.DTO;
+using MediatR;
+
+namespace Api.Application.Features.Project.PutLike;
+
+public record PutLikeQuery(int Id, UserCookie cookie) : IRequest<bool>;

Api/Program.cs

@@ -20,6 +20,17 @@
     options.ForwardedHeaders =
         ForwardedHeaders.XForwardedFor | ForwardedHeaders.XForwardedProto;
 });
+builder.Services.AddCors(options =>
+{
+    options.AddPolicy("FrontendDev", policy =>
+    {
+        policy
+            .WithOrigins("http://localhost:63342")
+            .AllowAnyHeader()
+            .AllowAnyMethod()
+            .AllowCredentials();
+    });
+});
 var app = builder.Build();
 app.UseForwardedHeaders();
 
@@ -30,10 +41,9 @@
 }
 
 app.InitializeDatabase();
-app.UseCors("FrontendDev");
 app.UseDefaultFiles();
 app.UseStaticFiles();
 
 app.UseOpenTelemetryPrometheusScrapingEndpoint();
 app.MapControllers();
-app.Run();
+app.Run();

Api/wwwroot/css/base.css

@@ -15,19 +15,19 @@
     --text: #ffffff;
     --text-muted: #C3C3C3;
     --accent: #9D6A69;
+    --border: #666;
+    --buttons: #161616;
+    --font-main: "Raleway", Arial, sans-serif;
 }
 
-
 /* BODY */
 body {
     padding-top: 70px;
-
     background: var(--bg);
     color: var(--text);
-    font-family: Raleway, sans-serif;
+    font-family: var(--font-main);
 }
 
-
 /* CONTAINER */
 
 .container {

Api/wwwroot/css/filters.css

@@ -2,7 +2,9 @@
     width: 100%;
     height: calc(100vh - 130px);
     min-height: 0;
-    background: #111;
+    position: sticky;
+    top: 110px;
+    background: transparent;
     border-radius: 20px;
     color: white;
     font-family: 'Raleway', sans-serif;
@@ -18,21 +20,21 @@
     gap: 16px;
     padding: 24px 24px 18px;
     flex-shrink: 0;
-    border-bottom: 1px solid rgba(255,255,255,0.06);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 }
 
 .filters h1 {
     font-size: 24px;
     font-weight: 700;
     margin: 0;
-    color: #fff;
+    color: var(--text);
 }
 
 .filters h2 {
     font-size: 20px;
     font-weight: 700;
     margin: 0;
-    color: #fff;
+    color: var(--text);
 }
 
 .filters-close {
@@ -52,23 +54,18 @@
     scrollbar-width: thin;
 }
 
-.filter-section-title {
-    margin-top: 28px;
-    margin-bottom: 18px;
-}
-
 .filter-section-title:first-child {
     margin-top: 0;
 }
 
 .filter-subsection-title {
-    margin-top: 18px;
-    margin-bottom: 10px;
+    margin-top: 20px;
+    margin-bottom: 20px;
 }
 
 .filter-subsection-title h3 {
     font-size: 16px;
-    color: #fff;
+    color: var(--text);
     margin: 0;
 }
 
@@ -87,7 +84,7 @@
     gap: 12px;
     cursor: pointer;
     font-size: 16px;
-    color: #C3C3C3;
+    color: var(--text-muted);
     user-select: none;
 }
 
@@ -96,7 +93,7 @@
     -webkit-appearance: none;
     width: 18px;
     height: 18px;
-    border: 2px solid #666;
+    border: 2px solid var(--border);
     border-radius: 4px;
     background: transparent;
     cursor: pointer;
@@ -105,8 +102,8 @@
 }
 
 .filter-row input[type="checkbox"]:checked {
-    background: #9D6A69;
-    border-color: #9D6A69;
+    background: var(--accent);
+    border-color: var(--accent);
 }
 
 .filter-row input[type="checkbox"]:checked::after {
@@ -116,7 +113,7 @@
     top: 0;
     width: 5px;
     height: 10px;
-    border: solid #fff;
+    border: solid var(--text);
     border-width: 0 2px 2px 0;
     transform: rotate(45deg);
 }
@@ -126,12 +123,54 @@
     margin-top: 24px;
     min-height: 44px;
     border-radius: 14px;
-    border: 1px solid rgba(255,255,255,0.12);
-    background: #161616;
-    color: #fff;
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    background: var(--buttons);
+    color: var(--text);
     font-size: 16px;
     cursor: pointer;
 }
+.filter-subsection {
+    margin-bottom: 10px;
+}
+
+.filter-subsection-title {
+    width: 100%;
+    margin-top: 20px;
+    margin-bottom: 20px;
+    padding: 0;
+    border: none;
+    background: transparent;
+    color: var(--text);
+    font: inherit;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    text-align: left;
+    flex-direction: row-reverse;
+}
+
+.filter-subsection-title h3 {
+    font-size: 16px;
+    color: var(--text);
+    margin: 0;
+}
+
+.filter-toggle-icon {
+    font-size: 18px;
+    line-height: 1;
+    transition: transform 0.2s ease;
+}
+
+.filter-subsection.collapsed .filter-toggle-icon {
+    transform: rotate(-90deg);
+}
+
+.filter-subsection.collapsed .filter-subsection-content {
+    display: none;
+}
+
 
 @media (max-width: 980px) {
     .filters {

Api/wwwroot/css/footer.css

@@ -24,6 +24,7 @@
     max-width: 640px;
     margin: 0 auto;
 }
+
 .footer-title {
     font-size: 28px;
     font-weight: 600;
@@ -56,11 +57,10 @@
     border-radius: 20px;
     text-decoration: none;
     color: inherit;
-    transition:
-            transform 0.2s ease,
-            border-color 0.2s ease,
-            background 0.2s ease,
-            box-shadow 0.2s ease;
+    transition: transform 0.2s ease,
+    border-color 0.2s ease,
+    background 0.2s ease,
+    box-shadow 0.2s ease;
 }
 
 .footer-link-card:hover {
@@ -80,18 +80,18 @@
 .footer-link-title {
     font-size: 20px;
     font-weight: 600;
-    color: #fff;
+    color: var(--text);
 }
 
 .footer-link-text {
     font-size: 14px;
     line-height: 1.45;
-    color: #C3C3C3;
+    color: var(--text-muted);
 }
 
 .footer-bottom {
     text-align: center;
-    padding-top: px;
+    padding-top: 30px;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
 }