Oleksandr Zahoruiko sunmeat

Багатомовний сайт, глобалізація, локалізація

Модифікувати існуючий веб-додаток «Кінопошук» таким чином, щоб вийшов багатомовний сайт (2-3 мови буде достатньо).

Інструкції по локалізації фронтенду, бекенду та БД можна знайти за посиланням https://github.com/sunmeat/aspnetcore_localization/tree/master/localization%20instructions%20and%20files

Вистачить тільки локалізації фронтенду (бек та БД не обов'язково локалізувати).

При бажанні, можна одразу спробувати зробити локалізацію для Вашого курсового проєкту, але прогрес по цій задачі

Перебудувати попередній проєкт «Кінопошук» у Clean Architecture та розділити backend і frontend.

Backend:

У попередньому практичному завданні було реалізовано Data Access Layer (DAL) для веб-додатку «Кінопошук»:

	// Soccer.WebAPI / Logging / FirestoreSink.cs:

	// FirestoreSink знаходиться у WebAPI, оскільки він відповідає не за роботу застосунку з Firestore,
	// а за збереження логів WebAPI у Firestore. Infrastructure містить доступ до даних,
	// а WebAPI.Logging відповідає за логування HTTP-застосунку

	using Google.Cloud.Firestore;
	using Serilog.Core;
	using Serilog.Events;

	// dotnet add Soccer.WebAPI package Serilog.AspNetCore
	// dotnet add Soccer.WebAPI package Serilog.Sinks.File
	// dotnet add Soccer.WebAPI package Serilog.Formatting.Compact # для JSON

	// папка з логами буде в Soccer.WebAPI/logs/

	// не забудьте додати в .gitignore: text**/logs/

	using Soccer.Application.DependencyInjection;
	using Soccer.Infrastructure.DependencyInjection;

	// у чистому Microsoft.Extensions.Logging немає вбудованого файлового провайдера, але можна написати свій:

	// Soccer.Infrastructure/Logging/FileLoggerProvider.cs

	public sealed class FileLoggerProvider : ILoggerProvider
	{
	private readonly StreamWriter _writer;
	private readonly object _lock = new();

	public FileLoggerProvider(string path)

	src/
	│
	├── app/ # Presentation / Application entry point
	│ ├── App.jsx
	│ ├── main.jsx
	│ ├── router/
	│ │ └── index.jsx
	│ ├── providers/
	│ │ ├── AuthProvider.jsx
	│ │ ├── QueryProvider.jsx

	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Archivo+Black&display=swap');

	:root {
	--bg: #050914;
	--bg-elevated: #0c1220;
	--surface: #10182c;
	--surface-hover: #182238;
	--border: #23304a;
	--text: #f4f6fb;
	--text-muted: #8b96b3;

	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Archivo+Black&display=swap');

	*,
	*::before,
	*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}