Change backend container image build.

Switch from maven to gradle.
gitea-actions (#8 )
2025-09-17 14:34:07 +02:00 · 2025-09-17 14:25:14 +02:00 · 2025-07-23 22:59:51 +02:00 · 2025-07-23 20:48:00 +02:00 · 2024-10-22 08:36:07 +02:00 · 2024-10-22 08:32:46 +02:00
113 changed files with 4755 additions and 3771 deletions
--- a/.gitea/workflows/build-and-deploy.yml
+++ b/.gitea/workflows/build-and-deploy.yml
@@ -0,0 +1,75 @@
+name: Build and Deploy Java Gradle Application
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 📄 Checkout code
+        uses: actions/checkout@v4
+
+      - name: 📄 Checkout configuration
+        env:
+          SSH_PRIVATE_KEY: ${{ secrets.PROD_PROPERTIES_SSH_KEY }}
+        run: |
+          mkdir -p ~/.ssh
+          echo "$SSH_PRIVATE_KEY" > ~/.ssh/id_rsa
+          chmod 600 ~/.ssh/id_rsa
+          git clone -b hexagonal-reforged ssh://gitea@gitea.takiguchi.ovh:12960/Codiki/codiki-properties.git --config core.sshCommand='ssh -o StrictHostKeyChecking=no'
+
+      - name: 📄 Edit configuration
+        run: |
+          sed -i "s/<POSTGRES_PASSWORD>/$(cat ./codiki-properties/passwords/postgresql/codiki_user)/g" ./codiki-properties/application-prod.yml
+          cp ./codiki-properties/application-prod.yml ./backend/codiki-launcher/src/main/resources/application.yml
+          sed -i "s/<POSTGRES_ADMIN_PASSWORD>/$(cat ./codiki-properties/passwords/postgresql/codiki_admin)/g" ./docker-compose.yml
+      
+      - name: 🔨 Build backend docker image
+        run: |
+          sudo /usr/bin/docker build -t codiki-backend -f ./Dockerfile-backend . --no-cache
+          
+      - name: 📦 Extract backend docker image into archive
+        run: |
+          sudo /usr/bin/docker save codiki-backend:latest -o ./codiki-backend.tar
+
+      - name: 🔨 Build frontend docker image
+        run: |
+          sudo /usr/bin/docker build -t codiki-frontend -f ./Dockerfile-frontend . --no-cache
+
+      - name: 📦 Extract frontend docker image into archive
+        run: |
+          sudo /usr/bin/docker save codiki-frontend:latest -o ./codiki-frontend.tar
+      
+      - name: 📤 Transfer artifacts to remote server
+        env:
+          SSH_PRIVATE_KEY: ${{ secrets.PROD_SSH_PRIVATE_KEY }}
+          REMOTE_USER: ${{ secrets.PROD_REMOTE_USER }}
+          REMOTE_HOST: ${{ secrets.PROD_REMOTE_HOST }}
+          REMOTE_PORT: ${{ secrets.PROD_REMOTE_PORT }}
+          REMOTE_PATH: ${{ secrets.PROD_REMOTE_PATH }}
+        run: |
+          mkdir -p ~/.ssh
+          echo "$SSH_PRIVATE_KEY" > ~/.ssh/id_rsa
+          chmod 600 ~/.ssh/id_rsa
+          scp -o StrictHostKeyChecking=no -P $REMOTE_PORT ./codiki-backend.tar $REMOTE_USER@$REMOTE_HOST:$REMOTE_PATH
+          scp -o StrictHostKeyChecking=no -P $REMOTE_PORT ./codiki-frontend.tar $REMOTE_USER@$REMOTE_HOST:$REMOTE_PATH
+          scp -o StrictHostKeyChecking=no -P $REMOTE_PORT ./docker-compose.yml $REMOTE_USER@$REMOTE_HOST:$REMOTE_PATH
+
+      - name: 🚀 Launch application onto remote server
+        env:
+          SSH_PRIVATE_KEY: ${{ secrets.PROD_SSH_PRIVATE_KEY }}
+          REMOTE_USER: ${{ secrets.PROD_REMOTE_USER }}
+          REMOTE_HOST: ${{ secrets.PROD_REMOTE_HOST }}
+          REMOTE_PORT: ${{ secrets.PROD_REMOTE_PORT }}
+          REMOTE_PATH: ${{ secrets.PROD_REMOTE_PATH }}
+        run: |
+          ssh -o StrictHostKeyChecking=no $REMOTE_HOST -l $REMOTE_USER -p $REMOTE_PORT << EOC
+            cd $REMOTE_PATH
+            sudo /usr/bin/docker load < $REMOTE_PATH/codiki-backend.tar
+            sudo /usr/bin/docker load < $REMOTE_PATH/codiki-frontend.tar
+            sudo /usr/bin/docker compose down
+            sudo /usr/bin/docker compose up --detach
+          EOC
--- a/.gitignore
+++ b/.gitignore
@@ -83,4 +83,14 @@ testem.log
 .DS_Store
 Thumbs.db

-**/ci/bin/
+**/ci/bin/
+
+
+# Linux start script should use lf
+/gradlew        text eol=lf
+# These are Windows script files and should use crlf
+*.bat           text eol=crlf
+# Binary files should be left untouched
+*.jar           binary
+
+**/.gradle
--- a/11
+++ b/11
@@ -1,15 +1,16 @@
-FROM maven:3.9.9-eclipse-temurin-21 AS builder
+FROM gradle:9.0.0-jdk21 AS builder
 WORKDIR /app
-COPY backend/pom.xml /app/
+COPY backend/gradlew /app/
+COPY backend/build.gradle.kts /app/
+COPY backend/settings.gradle.kts /app/
 COPY backend/codiki-application /app/codiki-application
 COPY backend/codiki-domain /app/codiki-domain
 COPY backend/codiki-exposition /app/codiki-exposition
 COPY backend/codiki-infrastructure /app/codiki-infrastructure
 COPY backend/codiki-launcher /app/codiki-launcher
 WORKDIR /app
-RUN mvn clean install -N
-RUN mvn clean package
+RUN gradle build jar

 FROM eclipse-temurin:21-jre-alpine AS final
-COPY --from=builder /app/codiki-launcher/target/*.jar /app/codiki.jar
+COPY --from=builder /app/codiki-launcher/build/libs/codiki-launcher.jar /app/codiki.jar
 CMD ["java", "-jar", "/app/codiki.jar"]
--- a/8
+++ b/8
@@ -1,12 +1,12 @@
-FROM node:22-alpine AS builder
+FROM node:24-alpine AS builder
 WORKDIR /app
 COPY frontend /app
 RUN npm install
 RUN npm run build-prod-en
 RUN npm run build-prod-fr

-FROM nginx:1.27-alpine AS final
+FROM nginx:1.29-alpine AS final
 WORKDIR /app
-COPY --from=builder /app/dist/codiki-ng/en/browser /usr/share/nginx/html/en/
-COPY --from=builder /app/dist/codiki-ng/fr/browser /usr/share/nginx/html/fr/
+COPY --from=builder /app/dist/codiki/en/browser /usr/share/nginx/html/en/
+COPY --from=builder /app/dist/codiki/fr/browser/fr /usr/share/nginx/html/fr/
 COPY frontend/conf/nginx.conf /etc/nginx/nginx.conf
--- a/84
+++ b/84
@@ -0,0 +1,84 @@
+pipeline {
+    agent any
+
+    stages {
+        stage('Configuration') {
+            steps {
+                dir('codiki-properties') {
+                    git url:'https://gitea.takiguchi.ovh/Codiki/codiki-properties.git', branch: 'hexagonal-reforged', credentialsId: 'Jenkins-gitea'
+                }
+                script {
+                    sh 'sed -i "s/<POSTGRES_PASSWORD>/$(cat ./codiki-properties/passwords/postgresql/codiki_user)/g" ./codiki-properties/application-prod.yml'
+                    sh 'cp ./codiki-properties/application-prod.yml ./backend/codiki-launcher/src/main/resources/application-prod.yml'
+                    sh 'sed -i "s/<POSTGRES_PASSWORD>/$(cat ./codiki-properties/passwords/postgresql/codiki_admin)/g" ./docker-compose.yml'
+                }
+            }
+        }
+        stage('Build') {
+            steps {
+                script {
+                    sh """
+                        sudo /usr/bin/docker build -t codiki-backend -f ./Dockerfile-backend . --no-cache
+                        sudo /usr/bin/docker build -t codiki-frontend -f ./Dockerfile-frontend . --no-cache
+                        sudo /usr/bin/docker save codiki-backend:latest -o ./codiki-backend.tar
+                        sudo /usr/bin/docker save codiki-frontend:latest -o ./codiki-frontend.tar
+                        sudo chown jenkins:jenkins ./codiki-backend.tar
+                        sudo chown jenkins:jenkins ./codiki-frontend.tar
+                        chmod 644 ./codiki-backend.tar
+                        chmod 644 ./codiki-frontend.tar
+                    """
+                }
+            }
+        }
+        stage('Deploy') {
+            steps {
+                sshPublisher(
+                    publishers: [
+                        sshPublisherDesc(
+                            configName: 'DebianServer [codiki]',
+                            transfers: [
+                                sshTransfer(
+                                    cleanRemote: false,
+                                    excludes: '',
+                                    execCommand: '',
+                                    execTimeout: 120000,
+                                    flatten: false,
+                                    makeEmptyDirs: false,
+                                    noDefaultExcludes: false,
+                                    patternSeparator: '[, ]+',
+                                    remoteDirectory: '',
+                                    remoteDirectorySDF: false,
+                                    removePrefix: '',
+                                    sourceFiles: 'codiki-backend.tar,codiki-frontend.tar,docker-compose.yml'
+                                ),
+                                sshTransfer(
+                                    cleanRemote: false,
+                                    excludes: '',
+                                    execCommand: """
+                                        cd /opt/codiki
+                                        sudo /usr/bin/docker load < /opt/codiki/codiki-backend.tar
+                                        sudo /usr/bin/docker load < /opt/codiki/codiki-frontend.tar
+                                        sudo /usr/bin/docker compose down
+                                        sudo /usr/bin/docker compose up --detach
+                                    """,
+                                    execTimeout: 120000,
+                                    flatten: false,
+                                    makeEmptyDirs: false,
+                                    noDefaultExcludes: false,
+                                    patternSeparator: '[, ]+',
+                                    remoteDirectory: '',
+                                    remoteDirectorySDF: false,
+                                    removePrefix: '',
+                                    sourceFiles: ''
+                                )
+                            ],
+                            usePromotionTimestamp: false,
+                            useWorkspaceInPromotion: false,
+                            verbose: true
+                        )
+                    ]
+                )
+            }
+        }
+    }
+}
--- a/backend/build.gradle.kts
+++ b/backend/build.gradle.kts
@@ -0,0 +1,56 @@
+plugins {
+    kotlin("jvm") version "2.2.20"
+    kotlin("plugin.spring") version "2.2.20"
+    id("io.spring.dependency-management") version "1.1.7"
+}
+
+group = "org.codiki"
+version = "0.0.1-SNAPSHOT"
+
+java {
+    toolchain {
+        languageVersion = JavaLanguageVersion.of(21)
+    }
+}
+
+repositories {
+    mavenCentral()
+}
+
+subprojects {
+    apply(plugin = "java")
+    apply(plugin = "org.jetbrains.kotlin.jvm")
+
+    repositories {
+        mavenCentral()
+    }
+
+    dependencies {
+        implementation(platform("org.springframework.boot:spring-boot-dependencies:3.5.5"))
+        compileOnly("org.projectlombok:lombok:1.18.40")
+        annotationProcessor("org.projectlombok:lombok:1.18.40")
+        testImplementation("org.assertj:assertj-core:3.27.4")
+        testImplementation("org.junit.jupiter:junit-jupiter-api")
+        testImplementation("org.junit.jupiter:junit-jupiter-params")
+    }
+
+    tasks.withType<Test> {
+        useJUnitPlatform()
+    }
+}
+
+dependencyManagement {
+    imports {
+        mavenBom("org.springframework.boot:spring-boot-dependencies:3.5.5")
+    }
+}
+
+kotlin {
+    compilerOptions {
+        freeCompilerArgs.addAll("-Xjsr305=strict")
+    }
+}
+
+tasks.withType<Test> {
+    useJUnitPlatform()
+}
--- a/backend/codiki-application/build.gradle.kts
+++ b/backend/codiki-application/build.gradle.kts
@@ -0,0 +1,11 @@
+plugins {
+    id("io.spring.dependency-management") version "1.1.7"
+}
+
+dependencies {
+    implementation(project(":codiki-domain"))
+    implementation("org.springframework:spring-context")
+    implementation("org.springframework.boot:spring-boot-starter-security")
+    implementation("com.auth0:java-jwt:4.5.0")
+    implementation("org.apache.commons:commons-lang3") //:3.18.0
+}
--- a/backend/codiki-application/pom.xml
+++ b/backend/codiki-application/pom.xml
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-    <modelVersion>4.0.0</modelVersion>
-    <parent>
-        <groupId>org.codiki</groupId>
-        <artifactId>codiki-parent</artifactId>
-        <version>0.0.1-SNAPSHOT</version>
-        <relativePath/> <!-- lookup parent from repository -->
-    </parent>
-
-    <artifactId>codiki-application</artifactId>
-
-    <name>codiki-application</name>
-    <description>Demo project for Spring Boot</description>
-
-    <packaging>jar</packaging>
-
-    <dependencies>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-domain</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.springframework</groupId>
-            <artifactId>spring-context</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.springframework.boot</groupId>
-            <artifactId>spring-boot-starter-security</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>com.auth0</groupId>
-            <artifactId>java-jwt</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.apache.commons</groupId>
-            <artifactId>commons-lang3</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.junit.jupiter</groupId>
-            <artifactId>junit-jupiter-api</artifactId>
-            <scope>test</scope>
-        </dependency>
-        <dependency>
-            <groupId>org.junit.jupiter</groupId>
-            <artifactId>junit-jupiter-params</artifactId>
-            <scope>test</scope>
-        </dependency>
-        <dependency>
-            <groupId>org.assertj</groupId>
-            <artifactId>assertj-core</artifactId>
-            <scope>test</scope>
-        </dependency>
-    </dependencies>
-</project>
--- a/backend/codiki-exposition/src/main/resources/application.yml
+++ b/backend/codiki-exposition/src/main/resources/application.yml
--- a/backend/codiki-domain/pom.xml
+++ b/backend/codiki-domain/pom.xml
@@ -1,30 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-    <modelVersion>4.0.0</modelVersion>
-    <parent>
-        <groupId>org.codiki</groupId>
-        <artifactId>codiki-parent</artifactId>
-        <version>0.0.1-SNAPSHOT</version>
-        <relativePath/> <!-- lookup parent from repository -->
-    </parent>
-
-    <artifactId>codiki-domain</artifactId>
-
-    <name>codiki-domain</name>
-    <description>Demo project for Spring Boot</description>
-    <build>
-        <plugins>
-            <plugin>
-                <groupId>org.apache.maven.plugins</groupId>
-                <artifactId>maven-compiler-plugin</artifactId>
-                <configuration>
-                    <source>16</source>
-                    <target>16</target>
-                </configuration>
-            </plugin>
-        </plugins>
-    </build>
-
-    <packaging>jar</packaging>
-</project>
--- a/backend/codiki-exposition/build.gradle.kts
+++ b/backend/codiki-exposition/build.gradle.kts
@@ -0,0 +1,11 @@
+plugins {
+    id("io.spring.dependency-management") version "1.1.7"
+}
+
+dependencies {
+    implementation(project(":codiki-application"))
+    implementation(project(":codiki-domain"))
+    implementation("org.springframework.boot:spring-boot-starter-web")
+    implementation("org.springframework.boot:spring-boot-starter-security")
+    implementation("org.apache.tika:tika-core:3.2.3")
+}
--- a/backend/codiki-exposition/pom.xml
+++ b/backend/codiki-exposition/pom.xml
@@ -1,60 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-    <modelVersion>4.0.0</modelVersion>
-    <parent>
-        <groupId>org.codiki</groupId>
-        <artifactId>codiki-parent</artifactId>
-        <version>0.0.1-SNAPSHOT</version>
-        <relativePath/> <!-- lookup parent from repository -->
-    </parent>
-
-    <artifactId>codiki-exposition</artifactId>
-
-    <name>codiki-exposition</name>
-    <description>Demo project for Spring Boot</description>
-
-    <packaging>jar</packaging>
-
-    <dependencies>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-application</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.springframework.boot</groupId>
-            <artifactId>spring-boot-starter-web</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.projectlombok</groupId>
-            <artifactId>lombok</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.apache.tika</groupId>
-            <artifactId>tika-core</artifactId>
-        </dependency>
-<!--        <dependency>-->
-<!--            <groupId>org.springframework.boot</groupId>-->
-<!--            <artifactId>spring-boot-starter-data-jpa</artifactId>-->
-<!--        </dependency>-->
-<!--        <dependency>-->
-<!--            <groupId>org.springframework.boot</groupId>-->
-<!--            <artifactId>spring-boot-starter-security</artifactId>-->
-<!--        </dependency>-->
-<!--        <dependency>-->
-<!--            <groupId>org.postgresql</groupId>-->
-<!--            <artifactId>postgresql</artifactId>-->
-<!--            <scope>runtime</scope>-->
-<!--        </dependency>-->
-<!--        <dependency>-->
-<!--            <groupId>org.springframework.boot</groupId>-->
-<!--            <artifactId>spring-boot-starter-test</artifactId>-->
-<!--            <scope>test</scope>-->
-<!--        </dependency>-->
-<!--        <dependency>-->
-<!--            <groupId>org.springframework.security</groupId>-->
-<!--            <artifactId>spring-security-test</artifactId>-->
-<!--            <scope>test</scope>-->
-<!--        </dependency>-->
-    </dependencies>
-</project>
--- a/backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/PublicationController.java
+++ b/backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/PublicationController.java
@@ -1,29 +1,22 @@
 package org.codiki.exposition.publication;

+import org.codiki.application.publication.PublicationUseCases;
+import org.codiki.domain.publication.exception.NoPublicationSearchResultException;
+import org.codiki.domain.publication.exception.PublicationNotFoundException;
+import org.codiki.domain.publication.model.Publication;
+import org.codiki.domain.publication.model.PublicationEditionRequest;
+import org.codiki.exposition.publication.model.PreviewContentRequest;
+import org.codiki.exposition.publication.model.PreviewContentResponse;
+import org.codiki.exposition.publication.model.PublicationDto;
+import org.codiki.exposition.publication.model.PublicationEditionRequestDto;
+import org.springframework.web.bind.annotation.*;
+
 import java.util.List;
 import java.util.UUID;

 import static org.springframework.http.HttpStatus.CREATED;
 import static org.springframework.http.HttpStatus.NO_CONTENT;
 import static org.springframework.util.ObjectUtils.isEmpty;
-import org.codiki.application.publication.PublicationUseCases;
-import org.codiki.domain.publication.exception.NoPublicationSearchResultException;
-import org.codiki.domain.publication.exception.PublicationNotFoundException;
-import org.codiki.domain.publication.model.Publication;
-import org.codiki.domain.publication.model.PublicationEditionRequest;
-import org.codiki.exposition.publication.model.PreviewContentRequest;
-import org.codiki.exposition.publication.model.PublicationDto;
-import org.codiki.exposition.publication.model.PublicationEditionRequestDto;
-import org.springframework.web.bind.annotation.DeleteMapping;
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.PathVariable;
-import org.springframework.web.bind.annotation.PostMapping;
-import org.springframework.web.bind.annotation.PutMapping;
-import org.springframework.web.bind.annotation.RequestBody;
-import org.springframework.web.bind.annotation.RequestMapping;
-import org.springframework.web.bind.annotation.RequestParam;
-import org.springframework.web.bind.annotation.ResponseStatus;
-import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/api/publications")
@@ -93,8 +86,9 @@ public class PublicationController {
        return publications;
    }

-    @PostMapping("/preview")
-    public String previewPublicationContent(@RequestBody PreviewContentRequest request) {
-        return publicationUseCases.previewContent(request.text());
+    @PostMapping(value = "/preview")
+    public PreviewContentResponse previewPublicationContent(@RequestBody PreviewContentRequest request) {
+        String previewContent = publicationUseCases.previewContent(request.text());
+        return new PreviewContentResponse(previewContent);
    }
 }
--- a/backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/model/PreviewContentResponse.java
+++ b/backend/codiki-exposition/src/main/java/org/codiki/exposition/publication/model/PreviewContentResponse.java
@@ -0,0 +1,5 @@
+package org.codiki.exposition.publication.model;
+
+public record PreviewContentResponse(
+        String text
+) {}
--- a/backend/codiki-infrastructure/build.gradle.kts
+++ b/backend/codiki-infrastructure/build.gradle.kts
@@ -0,0 +1,13 @@
+plugins {
+    id("io.spring.dependency-management") version "1.1.7"
+//    kotlin("plugin.jpa") version "2.1.20"
+}
+
+dependencies {
+//    implementation(kotlin("stdlib"))
+    implementation(project(":codiki-application"))
+    implementation(project(":codiki-domain"))
+    implementation("org.springframework:spring-context")
+    implementation("org.springframework.boot:spring-boot-starter-data-jpa")
+    implementation("org.postgresql:postgresql:42.7.5")
+}
--- a/backend/codiki-infrastructure/pom.xml
+++ b/backend/codiki-infrastructure/pom.xml
@@ -1,60 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-    <modelVersion>4.0.0</modelVersion>
-    <parent>
-        <groupId>org.codiki</groupId>
-        <artifactId>codiki-parent</artifactId>
-        <version>0.0.1-SNAPSHOT</version>
-        <relativePath/> <!-- lookup parent from repository -->
-    </parent>
-
-    <artifactId>codiki-infrastructure</artifactId>
-
-    <name>codiki-infrastructure</name>
-    <description>Demo project for Spring Boot</description>
-
-    <packaging>jar</packaging>
-
-    <dependencies>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-domain</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.springframework</groupId>
-            <artifactId>spring-context</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.springframework.boot</groupId>
-            <artifactId>spring-boot-starter-data-jpa</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.projectlombok</groupId>
-            <artifactId>lombok</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.postgresql</groupId>
-            <artifactId>postgresql</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.apache.commons</groupId>
-            <artifactId>commons-lang3</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.junit.jupiter</groupId>
-            <artifactId>junit-jupiter-api</artifactId>
-            <scope>test</scope>
-        </dependency>
-        <dependency>
-            <groupId>org.junit.jupiter</groupId>
-            <artifactId>junit-jupiter-params</artifactId>
-            <scope>test</scope>
-        </dependency>
-        <dependency>
-            <groupId>org.assertj</groupId>
-            <artifactId>assertj-core</artifactId>
-            <scope>test</scope>
-        </dependency>
-    </dependencies>
-</project>
--- a/backend/codiki-launcher/build.gradle.kts
+++ b/backend/codiki-launcher/build.gradle.kts
@@ -0,0 +1,17 @@
+plugins {
+    id("org.springframework.boot") version "3.5.5"
+    id("io.spring.dependency-management") version "1.1.7"
+}
+
+dependencies {
+    implementation(project(":codiki-domain"))
+    implementation(project(":codiki-application"))
+    implementation(project(":codiki-infrastructure"))
+    implementation(project(":codiki-exposition"))
+    implementation("org.springframework.boot:spring-boot-starter-web")
+    implementation("org.springframework.boot:spring-boot-devtools")
+}
+
+springBoot {
+    mainClass = "org.codiki.launcher.ApplicationLauncher"
+}
--- a/backend/codiki-launcher/pom.xml
+++ b/backend/codiki-launcher/pom.xml
@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-    <modelVersion>4.0.0</modelVersion>
-    <parent>
-        <groupId>org.codiki</groupId>
-        <artifactId>codiki-parent</artifactId>
-        <version>0.0.1-SNAPSHOT</version>
-        <relativePath/> <!-- lookup parent from repository -->
-    </parent>
-
-    <artifactId>codiki-launcher</artifactId>
-
-    <name>codiki-launcher</name>
-    <description>Demo project for Spring Boot</description>
-
-    <packaging>jar</packaging>
-
-    <dependencies>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-exposition</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-application</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-domain</artifactId>
-        </dependency>
-        <dependency>
-            <groupId>org.codiki</groupId>
-            <artifactId>codiki-infrastructure</artifactId>
-        </dependency>
-    </dependencies>
-
-    <build>
-        <plugins>
-            <plugin>
-                <groupId>org.springframework.boot</groupId>
-                <artifactId>spring-boot-maven-plugin</artifactId>
-            </plugin>
-            <plugin>
-                <groupId>org.springframework.boot</groupId>
-                <artifactId>spring-boot-maven-plugin</artifactId>
-                <executions>
-                    <execution>
-                        <goals>
-                            <goal>repackage</goal>
-                        </goals>
-                    </execution>
-                </executions>
-            </plugin>
-        </plugins>
-    </build>
-</project>
--- a/backend/codiki-launcher/src/main/resources/application-local.yml
+++ b/backend/codiki-launcher/src/main/resources/application-local.yml
@@ -1,7 +1,7 @@
 application:
  pictures:
-    path: /home/florian/Developpement/codiki-hexagonal/backend/pictures-folder/
-    temp-path : /home/florian/Developpement/codiki-hexagonal/backend/pictures-folder/temp/
+    path: /Users/florian/Documents/Developpement/codiki-hexagonal/backend/pictures-folder/
+    temp-path : /Users/florian/Documents/Developpement/codiki-hexagonal/backend/pictures-folder/temp/

 logging:
  level:
--- a/backend/codiki-launcher/src/main/resources/application-prod.yml
+++ b/backend/codiki-launcher/src/main/resources/application-prod.yml
@@ -1,13 +0,0 @@
-application:
-  pictures:
-    path: /opt/codiki/pictures/
-    temp-path: /opt/codiki/pictures/temp/
-
-server:
-  port: 8080
-
-spring:
-  datasource:
-    url: jdbc:postgresql://codiki-database:5432/codiki_db
-    username: codiki_user
-    password: password
--- a/backend/docker-compose.yml
+++ b/backend/docker-compose.yml
@@ -3,7 +3,7 @@ version: '3.9'
 services:
  codiki-database:
    container_name: "codiki-database"
-    image: "postgres:16"
+    image: "postgres:17"
    ports:
      - "50001:5432"
    networks:
--- a/backend/gradlew
+++ b/backend/gradlew
@@ -0,0 +1,251 @@
+#!/bin/sh
+
+#
+# Copyright © 2015 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+# SPDX-License-Identifier: Apache-2.0
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH="\\\"\\\""
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"
--- a/backend/gradlew.bat
+++ b/backend/gradlew.bat
@@ -0,0 +1,94 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+@rem SPDX-License-Identifier: Apache-2.0
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
--- a/backend/pom.xml
+++ b/backend/pom.xml
@@ -1,100 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
-	<modelVersion>4.0.0</modelVersion>
-
-	<groupId>org.codiki</groupId>
-	<artifactId>codiki-parent</artifactId>
-	<version>0.0.1-SNAPSHOT</version>
-
-	<packaging>pom</packaging>
-
-	<name>codiki</name>
-
-	<properties>
-		<java.version>21</java.version>
-		<maven.compiler.source>21</maven.compiler.source>
-		<maven.compiler.target>21</maven.compiler.target>
-		<jakarta.servlet-api.version>6.0.0</jakarta.servlet-api.version>
-		<java-jwt.version>4.4.0</java-jwt.version>
-		<postgresql.version>42.7.0</postgresql.version>
-		<tika-core.version>2.9.0</tika-core.version>
-		<commons-lang3.version>3.14.0</commons-lang3.version>
-	</properties>
-
-	<modules>
-		<module>codiki-domain</module>
-		<module>codiki-application</module>
-		<module>codiki-infrastructure</module>
-		<module>codiki-exposition</module>
-		<module>codiki-launcher</module>
-	</modules>
-
-	<dependencyManagement>
-		<dependencies>
-			<dependency>
-				<groupId>org.springframework.boot</groupId>
-				<artifactId>spring-boot-dependencies</artifactId>
-				<version>3.2.0</version>
-				<type>pom</type>
-				<scope>import</scope>
-			</dependency>
-			<dependency>
-				<groupId>org.codiki</groupId>
-				<artifactId>codiki-exposition</artifactId>
-				<version>${project.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>org.codiki</groupId>
-				<artifactId>codiki-application</artifactId>
-				<version>${project.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>org.codiki</groupId>
-				<artifactId>codiki-domain</artifactId>
-				<version>${project.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>org.codiki</groupId>
-				<artifactId>codiki-infrastructure</artifactId>
-				<version>${project.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>jakarta.servlet</groupId>
-				<artifactId>jakarta.servlet-api</artifactId>
-				<version>${jakarta.servlet-api.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>com.auth0</groupId>
-				<artifactId>java-jwt</artifactId>
-				<version>${java-jwt.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>org.postgresql</groupId>
-				<artifactId>postgresql</artifactId>
-				<version>${postgresql.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>org.apache.tika</groupId>
-				<artifactId>tika-core</artifactId>
-				<version>${tika-core.version}</version>
-			</dependency>
-			<dependency>
-				<groupId>org.apache.commons</groupId>
-				<artifactId>commons-lang3</artifactId>
-				<version>${commons-lang3.version}</version>
-			</dependency>
-
-
-		</dependencies>
-	</dependencyManagement>
-
-	<build>
-		<plugins>
-			<plugin>
-				<groupId>org.springframework.boot</groupId>
-				<artifactId>spring-boot-maven-plugin</artifactId>
-			</plugin>
-		</plugins>
-	</build>
-</project>
--- a/backend/rest-client-collection/Codiki/Publication/Preview
+++ b/backend/rest-client-collection/Codiki/Publication/Preview
@@ -0,0 +1,21 @@
+meta {
+  name: Preview content
+  type: http
+  seq: 7
+}
+
+post {
+  url: {{url}}/api/publications/preview
+  body: json
+  auth: bearer
+}
+
+auth:bearer {
+  token: {{bearerToken}}
+}
+
+body:json {
+  {
+    "text" : "[h1]Test[/h1]"
+  }
+}
--- a/backend/rest-client-collection/Codiki/environments/localhost.bru
+++ b/backend/rest-client-collection/Codiki/environments/localhost.bru
@@ -1,7 +1,7 @@
 vars {
  url: http://localhost:8987
  publicationId: ec76602f-5501-4091-868e-b471611e63de
-  bearerToken: eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI1YWQ0NjJiOC04ZjllLTRhMjYtYmI4Ni1jNzRmZWY1ZDExYjYiLCJleHAiOjE3MTA4Mzc2ODQsInBzZXVkbyI6IlN0YW5kYXJkIHVzZXIiLCJlbWFpbCI6InN0YW5kYXJkLnVzZXJAY29kaWtpLm9yZyIsInJvbGVzIjoiU1RBTkRBUkQifQ.2HggC3T_4I14IpW02DZJiYfgYwc074kU8Y4AmuGf1mZzv0U8OUxpAw_xEhnKtn8NcaCozz_2vFv4o_CaBqS8Ag
+  bearerToken: eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJkMWQ1NTdhNi04OGIxLTQyNzQtOTk0ZS1mOWE5YTYwOTc5OTciLCJleHAiOjE3MjY5NTExNTgsInBob3RvSWQiOiI2MjhkYTFhNy0wNzAyLTRlNDktOGIwNi00ZDg2MGE2YTNkZTUiLCJwc2V1ZG8iOiJUYWtpZ3VjaGkiLCJlbWFpbCI6ImZsb3JpYW4udGhpZXJyeTcyQGdtYWlsLmNvbSIsInJvbGVzIjoiU1RBTkRBUkQifQ.4OQglB0cT2hTMO7_Bfxj7nQPYi42e0Gh06jmHj2q-SQTM6Md70Ii_BiKR__GxY14bahPAjLcIWfAYS2A0Tc1Vw
  categoryId: 172fa901-3f4b-4540-92f3-1c15820e8ec9
  pictureId: 65b660b7-66bb-4e4a-a62c-fd0ca101f972
 }
--- a/backend/settings.gradle.kts
+++ b/backend/settings.gradle.kts
@@ -0,0 +1,2 @@
+rootProject.name = "codiki-backend"
+include("codiki-domain", "codiki-application", "codiki-exposition", "codiki-infrastructure", "codiki-launcher")
--- a/ci/configuration/backend/application-prod.yml
+++ b/ci/configuration/backend/application-prod.yml
@@ -1,13 +0,0 @@
-application:
-  pictures:
-    path: /opt/codiki/pictures/
-    temp-path: /opt/codiki/pictures/temp/
-
-server:
-  port: 8080
-
-spring:
-  datasource:
-    url: jdbc:postgresql://codiki-database:5432/codiki_db
-    username: codiki_user
-    password: password
--- a/ci/i18n-completer/app.ts
+++ b/ci/i18n-completer/app.ts
@@ -0,0 +1,83 @@
+'use strict';
+
+import fs from 'fs';
+
+const englishI18nFilePath='../../frontend/src/locale/messages.json';
+const frenchI18nFilePath='../../frontend/src/locale/messages-fr.json';
+
+interface Translations {
+    [key: string]: string;
+}
+
+interface I18nFileContent {
+    locale: string;
+    translations: Translations;
+};
+
+interface Translation {
+    key: string;
+    value: string;
+}
+
+interface I18nTranslations {
+    locale: string;
+    translations: Translation[];
+}
+
+function readAndParseFile(filePath): I18nTranslations {
+    const fileContent = fs.readFileSync(filePath);
+    const parsedFileContent: I18nFileContent = JSON.parse(fileContent.toString());
+    return {
+        locale: parsedFileContent.locale,
+        translations: Object.keys(parsedFileContent.translations)
+            .map(translationKey => {
+                return {
+                    key: translationKey,
+                    value: parsedFileContent.translations[translationKey]
+                };
+            })
+    };
+}
+
+function findMatchingFrenchTranslation(englishTranslation: Translation, frenchI18nFileContent: I18nTranslations): Translation | undefined {
+    return frenchI18nFileContent.translations.find(frenchTranslation => frenchTranslation.key === englishTranslation.key);
+}
+
+function main(): void {
+    const englishI18nTranslations = readAndParseFile(englishI18nFilePath);
+    const frenchI18nTranslations = readAndParseFile(frenchI18nFilePath);
+    
+    const frenchTranslations = englishI18nTranslations.translations
+        .map(englishTranslation => {
+            let result: Translation;
+
+            const matchingFrenchTranslation = findMatchingFrenchTranslation(englishTranslation, frenchI18nTranslations);
+            if (matchingFrenchTranslation?.value?.length) {
+                result = matchingFrenchTranslation;
+            } else {
+                result = {
+                    key: englishTranslation.key,
+                    value: `<À TRADUIRE> - ${englishTranslation.value}`
+                }
+            }
+
+            return result;
+        });
+    
+    const newFrenchI18nTranslations: I18nTranslations = {
+        locale: 'fr-FR',
+        translations: frenchTranslations
+    };
+
+    const newFrenchTranslationFileContent: I18nFileContent = {
+        locale: newFrenchI18nTranslations.locale,
+        translations: newFrenchI18nTranslations.translations.reduce(
+            (result, translation) => Object.assign(result, { [translation.key]: translation.value }),
+            {}
+        )
+    }
+
+    fs.writeFileSync(frenchI18nFilePath, JSON.stringify(newFrenchTranslationFileContent));
+}
+
+main();
--- a/ci/i18n-completer/package-lock.json
+++ b/ci/i18n-completer/package-lock.json
@@ -0,0 +1,540 @@
+{
+  "name": "i18n-completer",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "i18n-completer",
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {
+        "@types/node": "^22.5.5",
+        "tsx": "^4.19.1"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.23.1.tgz",
+      "integrity": "sha512-6VhYk1diRqrhBAqpJEdjASR/+WVRtfjpqKuNw11cLiaWpAT/Uu+nokB+UJnevzy/P9C/ty6AOe0dwueMrGh/iQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.23.1.tgz",
+      "integrity": "sha512-uz6/tEy2IFm9RYOyvKl88zdzZfwEfKZmnX9Cj1BHjeSGNuGLuMD1kR8y5bteYmwqKm1tj8m4cb/aKEorr6fHWQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.23.1.tgz",
+      "integrity": "sha512-xw50ipykXcLstLeWH7WRdQuysJqejuAGPd30vd1i5zSyKK3WE+ijzHmLKxdiCMtH1pHz78rOg0BKSYOSB/2Khw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.23.1.tgz",
+      "integrity": "sha512-nlN9B69St9BwUoB+jkyU090bru8L0NA3yFvAd7k8dNsVH8bi9a8cUAUSEcEEgTp2z3dbEDGJGfP6VUnkQnlReg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.23.1.tgz",
+      "integrity": "sha512-YsS2e3Wtgnw7Wq53XXBLcV6JhRsEq8hkfg91ESVadIrzr9wO6jJDMZnCQbHm1Guc5t/CdDiFSSfWP58FNuvT3Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.23.1.tgz",
+      "integrity": "sha512-aClqdgTDVPSEGgoCS8QDG37Gu8yc9lTHNAQlsztQ6ENetKEO//b8y31MMu2ZaPbn4kVsIABzVLXYLhCGekGDqw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.23.1.tgz",
+      "integrity": "sha512-h1k6yS8/pN/NHlMl5+v4XPfikhJulk4G+tKGFIOwURBSFzE8bixw1ebjluLOjfwtLqY0kewfjLSrO6tN2MgIhA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.23.1.tgz",
+      "integrity": "sha512-lK1eJeyk1ZX8UklqFd/3A60UuZ/6UVfGT2LuGo3Wp4/z7eRTRYY+0xOu2kpClP+vMTi9wKOfXi2vjUpO1Ro76g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.23.1.tgz",
+      "integrity": "sha512-CXXkzgn+dXAPs3WBwE+Kvnrf4WECwBdfjfeYHpMeVxWE0EceB6vhWGShs6wi0IYEqMSIzdOF1XjQ/Mkm5d7ZdQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.23.1.tgz",
+      "integrity": "sha512-/93bf2yxencYDnItMYV/v116zff6UyTjo4EtEQjUBeGiVpMmffDNUyD9UN2zV+V3LRV3/on4xdZ26NKzn6754g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.23.1.tgz",
+      "integrity": "sha512-VTN4EuOHwXEkXzX5nTvVY4s7E/Krz7COC8xkftbbKRYAl96vPiUssGkeMELQMOnLOJ8k3BY1+ZY52tttZnHcXQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.23.1.tgz",
+      "integrity": "sha512-Vx09LzEoBa5zDnieH8LSMRToj7ir/Jeq0Gu6qJ/1GcBq9GkfoEAoXvLiW1U9J1qE/Y/Oyaq33w5p2ZWrNNHNEw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.23.1.tgz",
+      "integrity": "sha512-nrFzzMQ7W4WRLNUOU5dlWAqa6yVeI0P78WKGUo7lg2HShq/yx+UYkeNSE0SSfSure0SqgnsxPvmAUu/vu0E+3Q==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.23.1.tgz",
+      "integrity": "sha512-dKN8fgVqd0vUIjxuJI6P/9SSSe/mB9rvA98CSH2sJnlZ/OCZWO1DJvxj8jvKTfYUdGfcq2dDxoKaC6bHuTlgcw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.23.1.tgz",
+      "integrity": "sha512-5AV4Pzp80fhHL83JM6LoA6pTQVWgB1HovMBsLQ9OZWLDqVY8MVobBXNSmAJi//Csh6tcY7e7Lny2Hg1tElMjIA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.23.1.tgz",
+      "integrity": "sha512-9ygs73tuFCe6f6m/Tb+9LtYxWR4c9yg7zjt2cYkjDbDpV/xVn+68cQxMXCjUpYwEkze2RcU/rMnfIXNRFmSoDw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.23.1.tgz",
+      "integrity": "sha512-EV6+ovTsEXCPAp58g2dD68LxoP/wK5pRvgy0J/HxPGB009omFPv3Yet0HiaqvrIrgPTBuC6wCH1LTOY91EO5hQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.23.1.tgz",
+      "integrity": "sha512-aevEkCNu7KlPRpYLjwmdcuNz6bDFiE7Z8XC4CPqExjTvrHugh28QzUXVOZtiYghciKUacNktqxdpymplil1beA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.23.1.tgz",
+      "integrity": "sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.23.1.tgz",
+      "integrity": "sha512-aY2gMmKmPhxfU+0EdnN+XNtGbjfQgwZj43k8G3fyrDM/UdZww6xrWxmDkuz2eCZchqVeABjV5BpildOrUbBTqA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.23.1.tgz",
+      "integrity": "sha512-RBRT2gqEl0IKQABT4XTj78tpk9v7ehp+mazn2HbUeZl1YMdaGAQqhapjGTCe7uw7y0frDi4gS0uHzhvpFuI1sA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.23.1.tgz",
+      "integrity": "sha512-4O+gPR5rEBe2FpKOVyiJ7wNDPA8nGzDuJ6gN4okSA1gEOYZ67N8JPk58tkWtdtPeLz7lBnY6I5L3jdsr3S+A6A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.23.1.tgz",
+      "integrity": "sha512-BcaL0Vn6QwCwre3Y717nVHZbAa4UBEigzFm6VdsVdT/MbZ38xoj1X9HPkZhbmaBGUD1W8vxAfffbDe8bA6AKnQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.23.1.tgz",
+      "integrity": "sha512-BHpFFeslkWrXWyUPnbKm+xYYVYruCinGcftSBaa8zoF9hZO4BcSCFUvHVTtzpIY6YzUnYtuEhZ+C9iEXjxnasg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.5.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.5.5.tgz",
+      "integrity": "sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.19.2"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.23.1",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.23.1.tgz",
+      "integrity": "sha512-VVNz/9Sa0bs5SELtn3f7qhJCDPCF5oMEl5cO9/SSinpE9hbPVvxbd572HH5AKiP7WD8INO53GgfDDhRjkylHEg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.23.1",
+        "@esbuild/android-arm": "0.23.1",
+        "@esbuild/android-arm64": "0.23.1",
+        "@esbuild/android-x64": "0.23.1",
+        "@esbuild/darwin-arm64": "0.23.1",
+        "@esbuild/darwin-x64": "0.23.1",
+        "@esbuild/freebsd-arm64": "0.23.1",
+        "@esbuild/freebsd-x64": "0.23.1",
+        "@esbuild/linux-arm": "0.23.1",
+        "@esbuild/linux-arm64": "0.23.1",
+        "@esbuild/linux-ia32": "0.23.1",
+        "@esbuild/linux-loong64": "0.23.1",
+        "@esbuild/linux-mips64el": "0.23.1",
+        "@esbuild/linux-ppc64": "0.23.1",
+        "@esbuild/linux-riscv64": "0.23.1",
+        "@esbuild/linux-s390x": "0.23.1",
+        "@esbuild/linux-x64": "0.23.1",
+        "@esbuild/netbsd-x64": "0.23.1",
+        "@esbuild/openbsd-arm64": "0.23.1",
+        "@esbuild/openbsd-x64": "0.23.1",
+        "@esbuild/sunos-x64": "0.23.1",
+        "@esbuild/win32-arm64": "0.23.1",
+        "@esbuild/win32-ia32": "0.23.1",
+        "@esbuild/win32-x64": "0.23.1"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.8.1.tgz",
+      "integrity": "sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/tsx": {
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.19.1.tgz",
+      "integrity": "sha512-0flMz1lh74BR4wOvBjuh9olbnwqCPc35OOlfyzHba0Dc+QNUeWX/Gq2YTbnwcWPO3BMd8fkzRVrHcsR+a7z7rA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.23.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.19.8",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.19.8.tgz",
+      "integrity": "sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}
--- a/ci/i18n-completer/package.json
+++ b/ci/i18n-completer/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "i18n-completer",
+  "version": "1.0.0",
+  "main": "app.ts",
+  "type": "module",
+  "scripts": {
+    "start": "npx tsx app.ts",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "@types/node": "^22.5.5",
+    "tsx": "^4.19.1"
+  }
+}
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -9,10 +9,11 @@ services:
    environment:
      POSTGRES_DB: codiki_db
      POSTGRES_USER: codiki_admin
-      POSTGRES_PASSWORD: password
+      POSTGRES_PASSWORD: <POSTGRES_PASSWORD>
      PGDATA: /var/lib/postgresql/data/pgdata
    volumes:
      - "./docker/postgresql/pgdata:/var/lib/postgresql/data/pgdata"
+    restart: always

  codiki-backend:
    image: codiki-backend:latest
@@ -25,6 +26,7 @@ services:
      - "/opt/codiki/pictures:/opt/codiki/pictures"
    networks:
      - "codiki-network"
+    restart: always
  
  codiki-frontend:
    image: codiki-frontend:latest
@@ -33,6 +35,7 @@ services:
      - "50012:80"
    networks:
      - "codiki-network"
+    restart: always

 networks:
  codiki-network:
--- a/frontend/angular.json
+++ b/frontend/angular.json
@@ -3,7 +3,7 @@
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
-    "codiki-ng": {
+    "codiki": {
      "projectType": "application",
      "schematics": {
        "@schematics/angular:component": {
@@ -14,16 +14,19 @@
      "sourceRoot": "src",
      "prefix": "app",
      "i18n": {
-        "sourceLocale": "en-UK",
+        "sourceLocale": "en",
        "locales": {
-          "fr": "src/locale/messages-fr.json"
+          "fr": {
+            "translation": "src/locale/messages-fr.json"
+          }
+          
        }
      },
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:application",
          "options": {
-            "outputPath": "dist/codiki-ng",
+            "outputPath": "dist/codiki",
            "index": "src/index.html",
            "browser": "src/main.ts",
            "polyfills": [
@@ -56,7 +59,7 @@
                }
              ],
              "outputHashing": "all",
-              "outputPath": "dist/codiki-ng/en/"
+              "outputPath": "dist/codiki/en/"
            },
            "production-fr": {
              "budgets": [
@@ -71,8 +74,10 @@
                  "maximumError": "4kb"
                }
              ],
+              "localize": ["fr"],
+              "i18nMissingTranslation": "error",
              "outputHashing": "all",
-              "outputPath": "dist/codiki-ng/fr/"
+              "outputPath": "dist/codiki/fr/"
            },
            "development": {
              "optimization": false,
@@ -80,13 +85,13 @@
              "sourceMap": true
            },
            "en": {
-              "outputPath": "dist/codiki-ng/en/",
+              "outputPath": "dist/codiki/en/",
              "optimization": false,
              "extractLicenses": false,
              "sourceMap": true
            },
            "fr": {
-              "outputPath": "dist/codiki-ng/fr/",
+              "outputPath": "dist/codiki/fr/",
              "optimization": false,
              "extractLicenses": false,
              "sourceMap": true,
@@ -100,19 +105,19 @@
          "builder": "@angular-devkit/build-angular:dev-server",
          "configurations": {
            "production-en": {
-              "buildTarget": "codiki-ng:build:production-en"
+              "buildTarget": "codiki:build:production-en"
            },
            "production-fr": {
-              "buildTarget": "codiki-ng:build:production-fr"
+              "buildTarget": "codiki:build:production-fr"
            },
            "development": {
-              "buildTarget": "codiki-ng:build:development"
+              "buildTarget": "codiki:build:development"
            },
            "en": {
-              "buildTarget": "codiki-ng:build:en"
+              "buildTarget": "codiki:build:en"
            },
            "fr": {
-              "buildTarget": "codiki-ng:build:fr"
+              "buildTarget": "codiki:build:fr"
            }
          },
          "defaultConfiguration": "development"
@@ -120,7 +125,7 @@
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
-            "buildTarget": "codiki-ng:build"
+            "buildTarget": "codiki:build"
          }
        },
        "test": {
--- a/frontend/conf/nginx.conf
+++ b/frontend/conf/nginx.conf
@@ -44,7 +44,7 @@ http {
        }

        location ~ ^/api {
-            proxy_pass http://192.168.0.153:50011;
+            proxy_pass http://192.168.1.153:50011;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Forwarded-Host $server_name;
            proxy_set_header X-Real-IP $remote_addr;
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -8,32 +8,34 @@
    "start-fr": "ng serve --port 4201 --configuration=fr --proxy-config proxy.conf.json",
    "build": "ng build",
    "build-prod-en": "ng build --configuration=production-en --base-href /en/",
-    "build-prod-fr": "ng build --configuration=production-fr --base-href /fr/",
+    "build-prod-fr": "ng build --configuration=production-fr --base-href",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
-    "i18n": "ng extract-i18n --output-path src/locale --format=json"
+    "i18n": "npm run i18n-ng-extraction && npm run i18n-fr-file-completion",
+    "i18n-ng-extraction": "ng extract-i18n --output-path src/locale --format=json",
+    "i18n-fr-file-completion": "cd ../ci/i18n-completer && npm start && cd -"
  },
  "private": true,
  "dependencies": {
-    "@angular/animations": "^17.0.0",
-    "@angular/cdk": "^17.3.1",
-    "@angular/common": "^17.0.0",
-    "@angular/compiler": "^17.0.0",
-    "@angular/core": "^17.0.0",
-    "@angular/forms": "^17.0.0",
-    "@angular/material": "^17.3.1",
-    "@angular/platform-browser": "^17.0.0",
-    "@angular/platform-browser-dynamic": "^17.0.0",
-    "@angular/router": "^17.0.0",
+    "@angular/animations": "^18.2.5",
+    "@angular/cdk": "^18.2.5",
+    "@angular/common": "^18.2.5",
+    "@angular/compiler": "^18.2.5",
+    "@angular/core": "^18.2.5",
+    "@angular/forms": "^18.2.5",
+    "@angular/material": "^18.2.5",
+    "@angular/platform-browser": "^18.2.5",
+    "@angular/platform-browser-dynamic": "^18.2.5",
+    "@angular/router": "^18.2.5",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
-    "zone.js": "~0.14.2"
+    "zone.js": "~0.14.10"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "^17.0.5",
-    "@angular/cli": "^17.0.5",
-    "@angular/compiler-cli": "^17.0.0",
-    "@angular/localize": "^17.3.12",
+    "@angular-devkit/build-angular": "^18.2.5",
+    "@angular/cli": "^18.2.5",
+    "@angular/compiler-cli": "^18.2.5",
+    "@angular/localize": "^18.2.5",
    "@types/jasmine": "~5.1.0",
    "jasmine-core": "~5.1.0",
    "karma": "~6.4.0",
@@ -41,6 +43,6 @@
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.2.2"
+    "typescript": "~5.5.4"
  }
 }
--- a/frontend/proxy.conf.json
+++ b/frontend/proxy.conf.json
@@ -2,10 +2,6 @@
    "/api": {
      "target": "http://localhost:8987",
      "secure": false
-    },
-    "/pictures": {
-      "target": "http://localhost:8987/api",
-      "secure": false
    }
  }
  
--- a/frontend/src/app/app.config.ts
+++ b/frontend/src/app/app.config.ts
@@ -1,10 +1,11 @@
-import { ApplicationConfig } from '@angular/core';
+import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
 import { provideRouter, withRouterConfig } from '@angular/router';

 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
 import { routes } from './app.routes';
 import { JwtInterceptor } from './core/interceptor/jwt.interceptor';
+import { AuthenticationService } from './core/service/authentication.service';

 export const appConfig: ApplicationConfig = {
  providers: [
@@ -18,5 +19,11 @@ export const appConfig: ApplicationConfig = {
    provideAnimationsAsync(),
    provideHttpClient(withInterceptorsFromDi()),
    { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
+    {
+      provide: APP_INITIALIZER,
+      useFactory: (authenticationService: AuthenticationService) => () => authenticationService.startAuthenticationCheckingProcess(),
+      deps: [AuthenticationService],
+      multi: true
+    }
  ]
 };
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -1,13 +1,16 @@
 import { Routes } from '@angular/router';
+import { alreadyAuthenticatedGuard } from './core/guard/already-authenticated.guard';

 export const routes: Routes = [
    { 
        path: 'login', 
-        loadComponent: () => import('./pages/login/login.component').then(module => module.LoginComponent)
+        loadComponent: () => import('./pages/login/login.component').then(module => module.LoginComponent),
+        canActivate: [alreadyAuthenticatedGuard]
    },
    { 
        path: 'signin', 
-        loadComponent: () => import('./pages/signin/signin.component').then(module => module.SigninComponent)
+        loadComponent: () => import('./pages/signin/signin.component').then(module => module.SigninComponent),
+        canActivate: [alreadyAuthenticatedGuard]
    },
    { 
        path: 'disconnect', 
--- a/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.html
+++ b/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.html
@@ -1,10 +1,10 @@
 <h1>{{title}}</h1>
 <h2>{{description}}</h2>
 <footer>
-    <button type="button" class="secondary" (click)="closeDialog()">
+    <button type="button" class="cod-button secondary" (click)="closeDialog()" matRipple i18n>
        No
    </button>
-    <button type="button" (click)="closeAndValidate()">
+    <button type="button" class="cod-button" (click)="closeAndValidate()" matRipple i18n>
        Yes
    </button>
 </footer>
--- a/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
+++ b/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.scss
@@ -8,32 +8,5 @@
        display: flex;
        flex-direction: row;
        justify-content: space-between;
-
-        button {
-            padding: .8em 1.2em;
-            border-radius: 10em;
-            border: none;
-            background-color: #3f51b5;
-            color: white;
-            transition: background-color .2s ease-in-out;
-            cursor: pointer;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        
-            &:hover {
-                background-color: #5b6ed8;
-            }
-        
-            &.secondary {
-                color: #3f51b5;
-                background-color: white;
-        
-                &:hover {
-                    background-color: #f2f4ff;
-                    cursor: pointer;
-                }
-            }
-        }
    }
 }
--- a/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
+++ b/frontend/src/app/components/confirmation-dialog/confirmation-dialog.component.ts
@@ -1,4 +1,5 @@
 import { Component, inject, Input } from "@angular/core";
+import { MatRippleModule } from "@angular/material/core";
 import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";

 export interface ConfirmationDialogData {
@@ -11,7 +12,7 @@ export interface ConfirmationDialogData {
    standalone: true,
    templateUrl: './confirmation-dialog.component.html',
    styleUrl: './confirmation-dialog.component.scss',
-    imports: []
+    imports: [MatRippleModule]
 })
 export class ConfirmationDialog {
    private readonly dialogRef = inject(MatDialogRef<ConfirmationDialog>);
--- a/frontend/src/app/components/footer/footer.component.html
+++ b/frontend/src/app/components/footer/footer.component.html
@@ -1,14 +1,14 @@
-<div>
+<div i18n>
    <span class="copy-left">&copy;</span>
-    2016 - 2024 Tous droits réservés
+    2016 - 2024 All rights reserved
    -
-    2.0-alpha
-    <a [routerLink]="['./']" matTooltip="Health checking will be available in future...">
+    2.1
+    <a [routerLink]="['./']" matTooltip="Health checking will be available in future..." i18n-matTooltip>
        <mat-icon>favorite</mat-icon>
    </a>
 </div>
 <div>
-    <mat-icon matTooltip="Documentation will be available in future...">menu_book</mat-icon>
+    <mat-icon matTooltip="Documentation will be available in future..." i18n-matTooltip>menu_book</mat-icon>
    -
-    Développements réalisés par Florian THIERRY
+    <span i18n>Development realised by</span> Florian THIERRY
 </div>
--- a/frontend/src/app/components/footer/footer.component.spec.ts
+++ b/frontend/src/app/components/footer/footer.component.spec.ts
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FooterComponent } from './footer.component';
-
-describe('FooterComponent', () => {
-  let component: FooterComponent;
-  let fixture: ComponentFixture<FooterComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [FooterComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(FooterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
--- a/frontend/src/app/components/header/header.component.html
+++ b/frontend/src/app/components/header/header.component.html
@@ -1,5 +1,10 @@
 <div class="left">
-    <button type="button" (click)="sideMenu.open()" matTooltip="Click to show side menu">
+    <button type="button"
+            (click)="sideMenu.open()"
+            class="cod-button icon"
+            matTooltip="Click to show side menu" 
+            matRipple 
+            i18n-matTooltip>
        <mat-icon>menu</mat-icon>
    </button>
    <a [routerLink]="['/home']">
@@ -14,23 +19,26 @@

 <div class="right">
    @if (isAuthenticated) {
-        <button mat-button class="button" [matMenuTriggerFor]="authenticatedUserMenu">
+        <button type="button"
+                class="cod-button icon"
+                [matMenuTriggerFor]="authenticatedUserMenu" 
+                matRipple>
            <mat-icon>more_vert</mat-icon>
        </button>
        <mat-menu #authenticatedUserMenu="matMenu">
            <div class="authenticated-user-menu">
-                <a [routerLink]="['/my-publications']" matRipple>
+                <a [routerLink]="['/my-publications']" matRipple i18n>
                    <mat-icon>description</mat-icon>
                    My publications
                </a>
-                <a [routerLink]="['/disconnect']" matRipple class="disconnection">
+                <a [routerLink]="['/disconnect']" matRipple class="disconnection" i18n>
                    <mat-icon>logout</mat-icon>
                    Disconnect
                </a>
            </div>
        </mat-menu>
    } @else {
-        <a [routerLink]="['/login']" class="button" matRipple>Login</a>
+        <a [routerLink]="['/login']" class="cod-button" matRipple i18n>Login</a>
    }
 </div>
 <app-side-menu #sideMenu></app-side-menu>
--- a/frontend/src/app/components/header/header.component.scss
+++ b/frontend/src/app/components/header/header.component.scss
@@ -26,25 +26,6 @@ $headerHeight: 3.5em;
            padding: 0 1em;
            z-index: 2;

-            button {
-                background-color: #3f51b5;
-                color: white;
-                border: none;
-                border-radius: 10em;
-                transition: background-color .2s ease-in-out;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                $buttonSize: 2.5em;
-                width: $buttonSize;
-                height: $buttonSize;
-
-                &:hover {
-                    cursor: pointer;
-                    background-color: #5c6bc0;
-                }
-            }
-
            a {
                display: flex;
                flex-direction: row;
@@ -120,45 +101,10 @@ $headerHeight: 3.5em;
            top: 0;
            right: 0;
            z-index: 2;
-
-            a {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                min-width: 5em;
-                color: white;
-                margin: 0.5em 0.5em;
-                border-radius: 10em;
-                text-decoration: none;
-                padding: 0 .8em;
-                background-color: #3f51b5;
-                transition: background-color .2s ease-in-out;
-
-                &:hover {
-                    background-color: #5c6bc0;
-                }
-            }
-
-             button {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                min-width: 2.5em;
-                color: white;
-                margin: 0.5em 0.5em;
-                border-radius: 10em;
-                text-decoration: none;
-                padding: 0;
-                background-color: #3f51b5;
-                transition: background-color .2s ease-in-out;
-
-                &:hover {
-                    background-color: #5c6bc0;
-                }
-
-                mat-icon {
-                    margin: 0;
-                }
+            margin-right: .5em;
+            
+            a, button {
+                margin: .5em;
            }
        }
    }
--- a/frontend/src/app/components/header/header.component.ts
+++ b/frontend/src/app/components/header/header.component.ts
@@ -1,16 +1,15 @@
+import { CommonModule } from '@angular/common';
 import { Component, inject } from '@angular/core';
-import { MatIconModule } from '@angular/material/icon';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
+import { MatRippleModule } from '@angular/material/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
 import { AuthenticationService } from '../../core/service/authentication.service';
-import { CommonModule } from '@angular/common';
-import { SideMenuComponent } from '../side-menu/side-menu.component';
-import { MatRippleModule } from '@angular/material/core';
-import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { PublicationsSearchBarComponent } from '../publications-search-bar/publications-search-bar.component';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { MatMenuModule } from '@angular/material/menu'; 
-import { User } from '../../core/model/User';
+import { SideMenuComponent } from '../side-menu/side-menu.component';

@Component({
  selector: 'app-header',
--- a/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.html
+++ b/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.html
@@ -1,13 +1,18 @@
-<button type="button" class="close" (click)="closeDialog()">
+<button type="button"
+        (click)="closeDialog()"
+        class="cod-button icon secondary close"
+        matTooltip="Close"
+        matRipple
+        i18n-matTooltip>
    <mat-icon>close</mat-icon>
 </button>
 <header>
-    <h1>Add a code block</h1>
+    <h1 i18n>Add a code block</h1>
 </header>
-<form [formGroup]="formGroup" (submit)="closeAndValidate()" ngNativeValidate>
+<form [formGroup]="formGroup" (submit)="closeAndValidate()" class="cod-form" ngNativeValidate>
    <div class="form-content">
        <mat-form-field>
-            <mat-label>Programming language</mat-label>
+            <mat-label i18n>Programming language</mat-label>
            <mat-select #programmingLanguageSelect formControlName="programmingLanguage">
                @for(programmingLanguage of programmingLanguages; track programmingLanguage) {
                    <mat-option [value]="programmingLanguage.code">
@@ -17,15 +22,15 @@
            </mat-select>
        </mat-form-field>
        <mat-form-field>
-            <mat-label>Code block</mat-label>
+            <mat-label i18n>Code block</mat-label>
            <textarea matInput formControlName="codeBlock"></textarea>
        </mat-form-field>
    </div>
-    <div class="actions">
-        <button type="submit">
+    <div class="actions reversed">
+        <button type="submit" class="cod-button" matRipple i18n>
            Validate
        </button>
-        <button type="button" (click)="closeDialog()" class="secondary">
+        <button type="button" (click)="closeDialog()" class="cod-button secondary" matRipple i18n>
            Cancel
        </button>
    </div>
--- a/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.scss
+++ b/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.scss
@@ -6,20 +6,6 @@
    position: relative;
    max-height: 90vh;

-    .close {
-        position: absolute;
-        top: 1em;
-        right: 1em;
-        width: 2.5em;
-        height: 2.5em;
-        border-radius: 10em;
-        border: none;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-    }
-
    header {
        flex: 1;
        display: flex;
@@ -39,40 +25,6 @@
                    }
                }
            }
-
-            &.actions {
-                display: flex;
-                flex-direction: row-reverse;
-                justify-content: space-between;
-                align-items: center;
-
-                button {
-                    padding: .8em 1.2em;
-                    border-radius: 10em;
-                    border: none;
-                    background-color: #3f51b5;
-                    color: white;
-                    transition: background-color .2s ease-in-out;
-                    cursor: pointer;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                
-                    &:hover {
-                        background-color: #5b6ed8;
-                    }
-                
-                    &.secondary {
-                        color: #3f51b5;
-                        background-color: white;
-                
-                        &:hover {
-                            background-color: #f2f4ff;
-                            cursor: pointer;
-                        }
-                    }
-                }
-            }
        }
    }
 }
--- a/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.ts
+++ b/frontend/src/app/components/publication-edition/code-block-dialog/code-block-dialog.component.ts
@@ -1,10 +1,12 @@
 import { Component, inject } from "@angular/core";
 import { FormBuilder, FormControl, ReactiveFormsModule, Validators } from "@angular/forms";
+import { MatRippleModule } from "@angular/material/core";
 import { MatDialogRef } from "@angular/material/dialog";
 import { MatFormFieldModule } from "@angular/material/form-field";
 import { MatIcon } from "@angular/material/icon";
 import { MatInputModule } from "@angular/material/input";
 import { MatSelectModule } from '@angular/material/select';
+import { MatTooltip } from "@angular/material/tooltip";

 export interface ProgramingLanguage {
    code: string;
@@ -91,7 +93,9 @@ export const PROGRAMMING_LANGUAGES: ProgramingLanguage[] = [
        MatFormFieldModule,
        MatIcon,
        MatInputModule,
+        MatRippleModule,
        MatSelectModule,
+        MatTooltip,
        ReactiveFormsModule,
    ]
 })
--- a/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.html
+++ b/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.html
@@ -1,28 +1,41 @@
-<button type="button" class="close" (click)="closeDialog()">
+<button type="button"
+        (click)="closeDialog()"
+        class="cod-button icon secondary close"
+        matTooltip="Close"
+        matRipple
+        i18n-matTooltip>
    <mat-icon>close</mat-icon>
 </button>
 <header>
-    <h1>Select an illustration:</h1>
+    <h1 i18n>Select an illustration</h1>
 </header>
 <div class="picture-container">
    @if (isLoading) {
-        <h2>Pictures loading...</h2>
+        <h2 i18n>Pictures loading...</h2>
        <mat-spinner></mat-spinner>
    } @else {
        @if (pictures.length) {
            @for(picture of pictures; track picture) {
-                <img src="/api/pictures/{{picture.id}}" (click)="selectPicture(picture)" matTooltip="Choose this illustration"/>
+                <img src="/api/pictures/{{picture.id}}" (click)="selectPicture(picture)" matTooltip="Choose this illustration" i18n-matTooltip/>
            }
        } @else {
-            <h2>There is no any picture.</h2>
+            <h2 i18n>There is no any picture.</h2>
        }
    }
 </div>
 <footer>
-    <button type="button" class="secondary" matRipple (click)="closeDialog()">
+    <button type="button"
+            (click)="closeDialog()"
+            class="cod-button secondary"
+            matRipple
+            i18n>
        Cancel
    </button>
-    <button type="button" (click)="fileUpload.click()" matRipple>
+    <button type="button"
+            (click)="fileUpload.click()"
+            class="cod-button"
+            matRipple
+            i18n>
        <mat-icon>upload_file</mat-icon>
        Add new picture
    </button>
--- a/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.scss
+++ b/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.scss
@@ -6,20 +6,6 @@
    position: relative;
    max-height: 90vh;

-    .close {
-        position: absolute;
-        top: 1em;
-        right: 1em;
-        width: 2.5em;
-        height: 2.5em;
-        border-radius: 10em;
-        border: none;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        cursor: pointer;
-    }
-
    header {
        flex: 1;
        display: flex;
--- a/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts
+++ b/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.component.ts
@@ -11,9 +11,14 @@ import { MatTooltip } from "@angular/material/tooltip";
@Component({
    selector: 'app-picture-selection',
    standalone: true,
-    imports: [MatProgressSpinnerModule, MatIcon, MatRippleModule, MatTooltip],
    templateUrl: './picture-selection-dialog.component.html',
    styleUrl: './picture-selection-dialog.component.scss',
+    imports: [
+        MatIcon, 
+        MatRippleModule, 
+        MatProgressSpinnerModule, 
+        MatTooltip
+    ],
 })
 export class PictureSelectionDialog implements OnInit {
    private readonly pictureRestService = inject(PictureRestService);
@@ -34,9 +39,9 @@ export class PictureSelectionDialog implements OnInit {
                if (error.status === 401) {
                    this.dialogRef.close();
                } else {
-                    const errorMessage = 'An error occured while loading pictures.';
+                    const errorMessage = $localize`An error occured while loading pictures.`;
                    console.error(errorMessage, error);
-                    this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                }
            })
            .finally(() => {
@@ -61,9 +66,9 @@ export class PictureSelectionDialog implements OnInit {
                    this.dialogRef.close(pictureId);
                })
                .catch(error => {
-                    const errorMessage = 'A technical error occured while uploading your picture.';
+                    const errorMessage = $localize`A technical error occured while uploading your picture.`;
                    console.error(errorMessage, error);
-                    this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                });
        }
    }
--- a/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.service.ts
+++ b/frontend/src/app/components/publication-edition/picture-selection-dialog/picture-selection-dialog.service.ts
@@ -16,9 +16,9 @@ export class PictureSelectionDialogService {
                this.dialogRef.close(pictureId);
            })
            .catch(error => {
-                const errorMessage = 'An error occured while uploading a picture...';
+                const errorMessage = $localize`An error occured while uploading a picture...`;
                console.error(errorMessage, error);
-                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
            });
    }
 }
--- a/frontend/src/app/components/publication-edition/publication-edition.component.html
+++ b/frontend/src/app/components/publication-edition/publication-edition.component.html
@@ -4,20 +4,20 @@
    </header>

    <mat-tab-group dynamicHeight (selectedIndexChange)="onTabChange($event)">
-        <mat-tab label="Edition">
+        <mat-tab label="Edition" i18n-label>
            <div class="form-content">
                <div class="first-part">
                    <div>
                        <mat-form-field>
-                            <mat-label>Title</mat-label>
+                            <mat-label i18n>Title</mat-label>
                            <input matInput type="text" formControlName="title" />
                        </mat-form-field>
                        <mat-form-field>
-                            <mat-label>Description</mat-label>
+                            <mat-label i18n>Description</mat-label>
                            <input matInput type="text" formControlName="description" />
                        </mat-form-field>
                        <mat-form-field>
-                            <mat-label>Category</mat-label>
+                            <mat-label i18n>Category</mat-label>
                            <mat-select formControlName="categoryId">
                                @for (category of categories$ | async; track category) {
                                    <mat-option [value]="category.id">
@@ -31,35 +31,64 @@
                    <div class="picture-container">
                        <img [src]="publication.illustrationId.length ? '/api/pictures/' + publication.illustrationId : '/assets/images/default-picture.png'"
                            (click)="displayPictureSectionDialog()"
-                            matTooltip="Click to change illustration"/>
+                            matTooltip="Click to change illustration"
+                            i18n-matTooltip/>
                    </div>
                </div>

                <div class="actions">
-                    <button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(1)">
+                    <button type="button"
+                            (click)="insertTitle(1)"
+                            matTooltip="Click to insert a title 1 section"
+                            matRipple
+                            i18n-matTooltip>
                        H1
                    </button>
-                    <button type="button" matTooltip="Click to insert a title 2 section" (click)="insertTitle(2)">
+                    <button type="button"
+                            (click)="insertTitle(2)"
+                            matTooltip="Click to insert a title 2 section"
+                            matRipple
+                            i18n-matTooltip>
                        H2
                    </button>
-                    <button type="button" matTooltip="Click to insert a title 1 section" (click)="insertTitle(3)">
+                    <button type="button"
+                            (click)="insertTitle(3)"
+                            matTooltip="Click to insert a title 3 section"
+                            matRipple
+                            i18n-matTooltip>
                        H3
                    </button>
-                    <button type="button" matTooltip="Click to insert a picture" (click)="selectAPicture()">
-                        <mat-icon>image</mat-icon>
-                    </button>
-                    <button type="button" matTooltip="Click to insert a link" (click)="insertLink()">
+                    <button type="button"
+                            (click)="insertLink()"
+                            matTooltip="Click to insert a link"
+                            matRipple
+                            i18n-matTooltip>
                        <mat-icon>link</mat-icon>
                    </button>
-                    <button type="button" matTooltip="Click to insert a code block" (click)="displayCodeBlockDialog()">
+                    <button type="button"
+                            (click)="selectAPicture()"
+                            matTooltip="Click to insert a picture"
+                            matRipple
+                            i18n-matTooltip>
+                        <mat-icon>image</mat-icon>
+                    </button>
+                    <button type="button"
+                            (click)="displayCodeBlockDialog()"
+                            matTooltip="Click to insert a code block"
+                            matRipple
+                            i18n-matTooltip>
                        <mat-icon>code</mat-icon>
                    </button>
-                    <button type="button" disabled matTooltip="Click to display editor help">
+                    <button type="button"
+                            matTooltip="Click to display editor help"
+                            disabled
+                            matRipple
+                            i18n-matTooltip>
                        <mat-icon>help</mat-icon>
                    </button>
                </div>
-                <mat-form-field class="example-form-field">
-                    <mat-label>Content</mat-label>
+                <mat-form-field>
+                    <mat-label i18n>Content</mat-label>
                    <textarea 
                        #textArea
                        matInput
@@ -72,27 +101,31 @@
            </div>
        </mat-tab>

-        <mat-tab label="Previewing">
+        <mat-tab label="Previewing" i18n-label>
            <div class="preview">
                @if ((isPreviewing$ | async) === true) {
                    <div class="preview-loading">
-                        <h2>Preview is loading...</h2>
+                        <h2 i18n>Preview is loading...</h2>
                        <mat-spinner></mat-spinner>
                    </div>
                } @else {
-                    <img class="illustration" src="/pictures/{{ publication.illustrationId }}" />
+                    <img class="illustration" src="/api/pictures/{{ publication.illustrationId }}" />
                    <header>
                        <h1>{{ publication.title }}</h1>
                        <h2>{{ publication.description }}</h2>
                    </header>
-                    <main [innerHTML]="publication.parsedText"></main>
+                    <main [innerHTML]="publicationInEdition.parsedText"></main>
                }
            </div>
        </mat-tab>
    </mat-tab-group>
    <footer>
-        <app-submit-button label="Save" [requestPending]="!!(isSaving$ | async)"></app-submit-button>
-        <button type="button" class="secondary" (click)="goPreviousLocation()">
+        <app-submit-button [requestPending]="!!(isSaving$ | async)" i18n>Save</app-submit-button>
+        <button type="button"
+                class="cod-button secondary" 
+                (click)="goPreviousLocation()" 
+                matRipple 
+                i18n>
            Cancel
        </button>
    </footer>
--- a/frontend/src/app/components/publication-edition/publication-edition.component.scss
+++ b/frontend/src/app/components/publication-edition/publication-edition.component.scss
@@ -102,6 +102,11 @@

        button {
            padding: 0;
+            border-radius: 10em;
+            border: none;
+            background-color: #3f51b5;
+            color: white;
+            transition: background-color .2s ease-in-out;
            display: flex;
            justify-content: center;
            align-items: center;
@@ -109,35 +114,16 @@
            height: 3em;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
            font-weight: bold;
-        }
-    }
-}

-button, a.button {
-    padding: .8em 1.2em;
-    border-radius: 10em;
-    border: none;
-    background-color: #3f51b5;
-    color: white;
-    transition: background-color .2s ease-in-out;
-
-    &:hover {
-        background-color: #5b6ed8;
-        cursor: pointer;
-    }
-
-    &:disabled {
-        background-color: #5f6aa6;
-        cursor: not-allowed;
-    }
-
-    &.secondary {
-        color: #3f51b5;
-        background-color: white;
-
-        &:hover {
-            background-color: #f2f4ff;
-            cursor: pointer;
+            &:hover {
+                background-color: #5b6ed8;
+                cursor: pointer;
+            }
+        
+            &:disabled {
+                background-color: #5f6aa6;
+                cursor: not-allowed;
+            }
        }
    }
 }
--- a/frontend/src/app/components/publication-edition/publication-edition.component.ts
+++ b/frontend/src/app/components/publication-edition/publication-edition.component.ts
@@ -1,20 +1,21 @@
 import { CommonModule, Location } from "@angular/common";
-import { Component, EventEmitter, inject, Input, OnChanges, OnDestroy, OnInit, Output } from "@angular/core";
-import { FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators } from "@angular/forms";
+import { Component, EventEmitter, inject, Input, OnChanges, OnDestroy, Output } from "@angular/core";
+import { FormGroup, ReactiveFormsModule } from "@angular/forms";
 import { MatDialogModule } from "@angular/material/dialog";
 import { MatIconModule } from "@angular/material/icon";
 import { MatInputModule } from "@angular/material/input";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";
+import { MatSelectModule } from "@angular/material/select";
 import { MatTabsModule } from "@angular/material/tabs";
 import { MatTooltipModule } from "@angular/material/tooltip";
-import { filter, map, Observable, of, Subscription } from "rxjs";
-import { Publication } from "../../core/rest-services/publications/model/publication";
-import { PictureSelectionDialog } from "./picture-selection-dialog/picture-selection-dialog.component";
-import { SubmitButtonComponent } from "../submit-button/submit-button.component";
-import { PublicationEditionService } from "./publication-edition.service";
-import { MatSelectModule } from "@angular/material/select";
-import { CategoryService } from "../../core/service/category.service";
+import { map, Observable, of, Subscription } from "rxjs";
 import { Category } from "../../core/rest-services/category/model/category";
+import { Publication } from "../../core/rest-services/publications/model/publication";
+import { CategoryService } from "../../core/service/category.service";
+import { SubmitButtonComponent } from "../submit-button/submit-button.component";
+import { PictureSelectionDialog } from "./picture-selection-dialog/picture-selection-dialog.component";
+import { PublicationEditionService } from "./publication-edition.service";
+import { MatRippleModule } from "@angular/material/core";

@Component({
    selector: 'app-publication-edition',
@@ -26,6 +27,7 @@ import { Category } from "../../core/rest-services/category/model/category";
        MatDialogModule,
        MatIconModule,
        MatInputModule,
+        MatRippleModule,
        MatProgressSpinnerModule,
        MatSelectModule,
        MatTabsModule,
@@ -46,20 +48,15 @@ export class PublicationEditionComponent implements OnChanges, OnDestroy {
    @Output()
    publicationSave = new EventEmitter<Publication>();

+    publicationInEdition!: Publication;
    private readonly categoryService = inject(CategoryService);
-    private readonly formBuilder = inject(FormBuilder);
    private readonly location = inject(Location);
    private readonly publicationEditionService = inject(PublicationEditionService);
-    private publicationInEdition!: Publication;
    private subscriptions: Subscription[] = [];

-    publicationEditionForm: FormGroup = this.formBuilder.group({
-        title: new FormControl<string | undefined>('', [Validators.required]),
-        description: new FormControl<string | undefined>('', [Validators.required]),
-        text: new FormControl<string | undefined>('', [Validators.required]),
-        illustrationId: new FormControl<string | undefined>('', [Validators.required]),
-        categoryId: new FormControl<string | undefined>('', [Validators.required])
-    });
+    get publicationEditionForm(): FormGroup {
+        return this.publicationEditionService.publicationEditionForm;
+    }

    get isLoading$(): Observable<boolean> {
        return this.publicationEditionService.isLoading$;
@@ -96,47 +93,10 @@ export class PublicationEditionComponent implements OnChanges, OnDestroy {
    ngOnChanges(): void {
        this.ngOnDestroy();

-        this.publicationInEdition = this.publication;
-        this.publicationEditionService.init(this.publicationInEdition);
-
-        ['title', 'description', 'text'].forEach(fieldName => {
-            const fieldSubscription = this.publicationEditionForm.controls[fieldName].valueChanges
-                .pipe(
-                    map(value => value?.length ? value as string : '')
-                )
-                .subscribe(fieldValue => {
-                    switch (fieldName) {
-                        case 'title':
-                            this.publicationEditionService.editTitle(fieldValue);
-                            break;
-                        case 'description':
-                            this.publicationEditionService.editDescription(fieldValue);
-                            break;
-                        case 'text':
-                            this.publicationEditionService.editText(fieldValue);
-                            break;
-                        default:
-                            break;
-                    }
-                });
-            this.subscriptions.push(fieldSubscription);
-        });
-
-        const categoryIdChangeSubscription = this.publicationEditionForm.controls['categoryId'].valueChanges
-            .subscribe(newCategoryId => {
-                this.publicationEditionService.editCategoryId(newCategoryId);
-            });
-        this.subscriptions.push(categoryIdChangeSubscription);
-
-        const publicationSubscription = this.publicationEditionService.state$.subscribe(state => {
-            this.publicationInEdition = state.publication;
-            this.publicationEditionForm.controls['title'].setValue(this.publication.title, { emitEvent: false });
-            this.publicationEditionForm.controls['description'].setValue(this.publication.description, { emitEvent: false });
-            this.publicationEditionForm.controls['text'].setValue(this.publication.text, { emitEvent: false });
-            this.publicationEditionForm.controls['illustrationId'].setValue(this.publication.illustrationId, { emitEvent: false });
-            this.publicationEditionForm.controls['categoryId'].setValue(this.publication.categoryId, { emitEvent: false });
-        });
-        this.subscriptions.push(publicationSubscription);
+        if (!this.publicationInEdition || this.publicationInEdition !== this.publication) {
+            this.publicationInEdition = this.publication;
+            this.publicationEditionService.init(this.publicationInEdition);
+        }
    }

    ngOnDestroy(): void {
@@ -163,10 +123,6 @@ export class PublicationEditionComponent implements OnChanges, OnDestroy {
        this.publicationEditionService.displayCodeBlockDialog();
    }

-    save(): void {
-        this.publicationSave.emit(this.publicationInEdition);
-    }
-
    displayPictureSectionDialog(): void {
        this.publicationEditionService.displayPictureSectionDialog();
    }
@@ -178,12 +134,14 @@ export class PublicationEditionComponent implements OnChanges, OnDestroy {
            const positionStart = textarea.selectionStart;
            const positionEnd = textarea.selectionEnd;

-            const selectedCharacterCount = positionEnd - positionStart;
-            console.log(`cursor position updated: [${positionStart}, ${positionEnd}] (${selectedCharacterCount})`);
            this.publicationEditionService.editCursorPosition(positionStart, positionEnd);
        }
    }

+    save(): void {
+        this.publicationSave.emit(this.publicationEditionService.editedPublication);
+    }
+
    onTabChange(tabSelectedIndex: number): void {
        if (tabSelectedIndex === 1) {
            this.publicationEditionService.loadPreview();
--- a/frontend/src/app/components/publication-edition/publication-edition.service.ts
+++ b/frontend/src/app/components/publication-edition/publication-edition.service.ts
@@ -3,12 +3,14 @@ import { inject, Injectable, OnDestroy } from "@angular/core";
 import { MatDialog } from "@angular/material/dialog";
 import { MatSnackBar } from "@angular/material/snack-bar";
 import { ActivatedRoute } from "@angular/router";
-import { BehaviorSubject, Observable, Subscription } from "rxjs";
+import { BehaviorSubject, debounceTime, distinctUntilChanged, Observable, Subscription } from "rxjs";
 import { Publication } from "../../core/rest-services/publications/model/publication";
 import { PublicationRestService } from "../../core/rest-services/publications/publication.rest-service";
 import { copy } from "../../core/utils/ObjectUtils";
 import { CodeBlockDialog } from "./code-block-dialog/code-block-dialog.component";
 import { PictureSelectionDialog } from "./picture-selection-dialog/picture-selection-dialog.component";
+import { PreviewContentRequest } from "../../core/rest-services/publications/model/preview";
+import { FormBuilder, FormControl, FormGroup, Validators } from "@angular/forms";

 declare let Prism: any;

@@ -56,10 +58,11 @@ const DEFAULT_STATE: PublicationEditionState = {
@Injectable()
 export class PublicationEditionService implements OnDestroy {
    private readonly activatedRoute = inject(ActivatedRoute);
-    private readonly publicationRestService = inject(PublicationRestService);
-    private readonly location = inject(Location);
-    private readonly snackBar = inject(MatSnackBar);
    private readonly dialog = inject(MatDialog);
+    private readonly formBuilder = inject(FormBuilder);
+    private readonly location = inject(Location);
+    private readonly publicationRestService = inject(PublicationRestService);
+    private readonly snackBar = inject(MatSnackBar);

    private isLoadingSubject = new BehaviorSubject<boolean>(false);
    private stateSubject = new BehaviorSubject<PublicationEditionState>(copy(DEFAULT_STATE));
@@ -67,6 +70,14 @@ export class PublicationEditionService implements OnDestroy {
    private isSavingSubject = new BehaviorSubject<boolean>(false);
    private isPreviewingSubject = new BehaviorSubject<boolean>(false);

+    publicationEditionForm: FormGroup = this.formBuilder.group({
+        title: new FormControl<string | undefined>('', [Validators.required]),
+        description: new FormControl<string | undefined>('', [Validators.required]),
+        text: new FormControl<string | undefined>('', [Validators.required]),
+        illustrationId: new FormControl<string | undefined>('', [Validators.required]),
+        categoryId: new FormControl<string | undefined>('', [Validators.required])
+    });
+
    ngOnDestroy(): void {
        this.subscriptions.forEach(subscription => subscription.unsubscribe());
    }
@@ -76,7 +87,18 @@ export class PublicationEditionService implements OnDestroy {
    }

    private _save(state: PublicationEditionState): void {
-        this.stateSubject.next(state);    
+        this.stateSubject.next(state);
+    }
+
+    private _updateForm(): void {
+        const state = this._state;
+        const publication = state.publication;
+
+        this.publicationEditionForm.controls['title'].setValue(publication.title);
+        this.publicationEditionForm.controls['description'].setValue(publication.description);
+        this.publicationEditionForm.controls['text'].setValue(publication.text);
+        this.publicationEditionForm.controls['illustrationId'].setValue(publication.illustrationId);
+        this.publicationEditionForm.controls['categoryId'].setValue(publication.categoryId);
    }

    get isLoading$(): Observable<boolean> {
@@ -95,62 +117,61 @@ export class PublicationEditionService implements OnDestroy {
        return this.stateSubject.asObservable();
    }

+    get editedPublication(): Publication {
+        return this._state.publication;
+    }
+
    loadPublication(): void {
        this.isLoadingSubject.next(true);
        
        this.activatedRoute.paramMap.subscribe(params => {
            const publicationId = params.get('publicationId');
            if (publicationId == undefined) {
-                this.snackBar.open('A technical error occurred while loading publication data.', 'Close', {duration: 5000});
+                this.snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, { duration: 5000 });
                this.location.back();
            } else {
                this.publicationRestService.getById(publicationId)
-                .then(publication => {
-                    const state = this._state;
-                    state.publication = publication;
-                    this.stateSubject.next(state);
-                })
-                .catch(error => {
-                    const errorMessage = 'A technical error occurred while loading publication data.';
-                    this.snackBar.open(errorMessage, 'Close', {duration: 5000});
-                    console.error(errorMessage, error)
-                })
-                .finally(() => this.isLoadingSubject.next(false));
+                    .then(publication => {
+                        const state = this._state;
+                        state.publication = publication;
+                        this.stateSubject.next(state);
+                    })
+                    .catch(error => {
+                        const errorMessage = $localize`A technical error occurred while loading publication data.`;
+                        this.snackBar.open(errorMessage, $localize`Close`, {duration: 5000});
+                        console.error(errorMessage, error)
+                    })
+                    .finally(() => this.isLoadingSubject.next(false));
            }
-          });
+        });
    }

    init(publication: Publication): void {
        const state = this._state;
        state.publication = publication;
        this.stateSubject.next(state);
+        this._updateForm();
+
+        const formValueChangesSubscription = this.publicationEditionForm.valueChanges
+            .pipe(
+                debounceTime(200),
+                distinctUntilChanged()
+            )
+            .subscribe(formValue => {
+                const state = this._state;
+                const publication = state.publication;
+
+                publication.title = formValue.title;
+                publication.description = formValue.description;
+                publication.categoryId = formValue.categoryId;
+                publication.text = formValue.text;
+
+                this._save(state);
+            })
+        this.subscriptions.push(formValueChangesSubscription);
    }

-    editTitle(title: string): void {
-        const state = this._state;
-        state.publication.title = title;
-        this._save(state);
-    }
-
-    editDescription(description: string): void {
-        const state = this._state;
-        state.publication.description = description;
-        this._save(state);
-    }
-
-    editCategoryId(categoryId: string): void {
-        const state = this._state;
-        state.publication.categoryId = categoryId;
-        this._save(state);
-    }
-
-    editText(text: string): void {
-        const state = this._state;
-        state.publication.text = text;
-        this._save(state);
-    }
-
-    editIllustrationId(pictureId: string): void {
+    private editIllustrationId(pictureId: string): void {
        const state = this._state;
        state.publication.illustrationId = pictureId
        this._save(state);
@@ -203,6 +224,7 @@ export class PublicationEditionService implements OnDestroy {
            publication.text = textWithTags;

            this._save(state);
+            this._updateForm();
        } else {
            console.error(`Bad value for parameter of function 'insertTitle': '${titleNumber}'.`);
        }
@@ -232,6 +254,7 @@ export class PublicationEditionService implements OnDestroy {
        publication.text = textWithTags;

        this._save(state);
+        this._updateForm();
    }

    insertLink(): void {
@@ -247,9 +270,10 @@ export class PublicationEditionService implements OnDestroy {
        publication.text = textWithTags;

        this._save(state);
+        this._updateForm();
    }

-    insertCodeBlock(programmingLanguage: string, codeBlock: string): void {
+    private insertCodeBlock(programmingLanguage: string, codeBlock: string): void {
        const state = this._state;

        const publication = state.publication;
@@ -262,15 +286,19 @@ export class PublicationEditionService implements OnDestroy {
        publication.text = textWithTags;

        this._save(state);
+        this._updateForm();
    }

    loadPreview(): void {
        const state = this._state;

        this.isPreviewingSubject.next(true);
-        this.publicationRestService.preview(state.publication.text)
-            .then(parsedText => {
-                state.publication.parsedText = parsedText;
+        const request: PreviewContentRequest = {
+            text: state.publication.text
+        };
+        this.publicationRestService.preview(request)
+            .then(response => {
+                state.publication.parsedText = response.text;
                this._save(state);
                setTimeout(() => Prism.highlightAll(), 1000);
            })
--- a/frontend/src/app/components/publication-list/publication-list.component.html
+++ b/frontend/src/app/components/publication-list/publication-list.component.html
@@ -1,15 +1,15 @@
@for(publication of publications$ | async; track publication) {
    <a [routerLink]="['/publications/' + publication.id]" class="publication">
-        <img src="/pictures/{{ publication.illustrationId }}"/>
+        <img src="/api/pictures/{{ publication.illustrationId }}"/>
        <div class="body">
            <h1>{{publication.title}}</h1>
            <h2>{{publication.description}}</h2>
        </div>
        <div class="footer">
-            <img src="/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name"/>
-            Publication posted by {{publication.author.name}}
+            <img src="/api/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name"/>
+            <span i18n>Publication posted by {{publication.author.name}}</span>
            <span class="publication-date">
-                ({{ publication.creationDate | date: 'short' : 'fr-Fr' }})
+                ({{ publication.creationDate | date: 'short' }})
            </span>
        </div>
    </a>
--- a/frontend/src/app/components/publications-search-bar/publications-search-bar.component.html
+++ b/frontend/src/app/components/publications-search-bar/publications-search-bar.component.html
@@ -1,6 +1,6 @@
 <form [formGroup]="formGroup">
-    <input name="search-query" placeholder="Search something..." formControlName="criteria"/>
-    <button type="submit" (click)="searchPublications()">
+    <input name="search-query" placeholder="Search something..." formControlName="criteria" i18n-placeholder/>
+    <button type="submit" (click)="searchPublications()" matRipple>
        <mat-icon>search</mat-icon>
    </button>
 </form>
--- a/frontend/src/app/components/publications-search-bar/publications-search-bar.component.scss
+++ b/frontend/src/app/components/publications-search-bar/publications-search-bar.component.scss
@@ -24,9 +24,10 @@
            border-radius: $borderRadiusValue;
            background-color: white;
            border: none;
-            top: .4em;
+            top: 0;
            right: 0;
            color: #aaaaaa;
+            padding: .3em;
    
            &:hover {
                background-color: #eee;
--- a/frontend/src/app/components/publications-search-bar/publications-search-bar.component.ts
+++ b/frontend/src/app/components/publications-search-bar/publications-search-bar.component.ts
@@ -1,6 +1,6 @@
-import { HttpParams } from "@angular/common/http";
 import { Component, inject } from "@angular/core";
 import { FormBuilder, FormControl, ReactiveFormsModule, Validators } from "@angular/forms";
+import { MatRippleModule } from "@angular/material/core";
 import { MatIconModule } from "@angular/material/icon";
 import { Router } from "@angular/router";

@@ -11,8 +11,9 @@ import { Router } from "@angular/router";
    styleUrl: './publications-search-bar.component.scss',
    standalone: true,
    imports: [
-        ReactiveFormsModule,
-        MatIconModule
+        MatIconModule,
+        MatRippleModule,
+        ReactiveFormsModule
    ],
    providers: []
 })
--- a/frontend/src/app/components/publications-search-bar/publications-search-bar.service.ts
+++ b/frontend/src/app/components/publications-search-bar/publications-search-bar.service.ts
@@ -1,18 +0,0 @@
-import { HttpParams } from "@angular/common/http";
-import { inject, Injectable } from "@angular/core";
-import { Router } from "@angular/router";
-import { BehaviorSubject } from "rxjs";
-
-@Injectable()
-export class PublicationsSearchBarService {
-    private router = inject(Router);
-    private criteriaSubject = new BehaviorSubject<string>('');
-
-    private cri
-
-    searchPublications(): void {
-        let queryParams = new HttpParams();
-        queryParams = queryParams.set('query', this.criteriaSubject.value);
-        this.router.navigate(['/publications'], {queryParams});
-    }
-}
--- a/frontend/src/app/components/side-menu/categories-menu/categories-menu.component.html
+++ b/frontend/src/app/components/side-menu/categories-menu/categories-menu.component.html
@@ -6,7 +6,10 @@
        </div>
        <div class="sub-category-container {{category.isOpenned ? 'displayed' : ''}}">
            @for(subCategory of category.subCategories; track subCategory) {
-                <a [routerLink]="['/publications']" [queryParams]="{'category-id': subCategory.id}" (click)="categoryClicked.emit()" class="sub-category">
+                <a [routerLink]="['/publications']"
+                        [queryParams]="{'category-id': subCategory.id}"
+                        (click)="categoryClicked.emit()"
+                        class="sub-category">
                    {{subCategory.name}}
                </a>
            }
--- a/frontend/src/app/components/side-menu/categories-menu/categories-menu.component.ts
+++ b/frontend/src/app/components/side-menu/categories-menu/categories-menu.component.ts
@@ -8,8 +8,12 @@ import { RouterModule } from "@angular/router";
@Component({
 	selector: 'app-categories-menu',
  standalone: true,
-  imports: [CommonModule, RouterModule, MatIconModule],
  templateUrl: './categories-menu.component.html',
+  imports: [
+    CommonModule,
+    RouterModule,
+    MatIconModule
+  ],
  styleUrl: './categories-menu.component.scss'
 })
 export class CategoriesMenuComponent implements OnInit {
--- a/frontend/src/app/components/side-menu/side-menu.component.html
+++ b/frontend/src/app/components/side-menu/side-menu.component.html
@@ -4,11 +4,16 @@
            <img src="assets/images/codiki.png" alt="logo"/>
            Codiki
        </a>
-        <button type="button" (click)="close()" matTooltip="Close the menu">
+        <button type="button"
+                (click)="close()"
+                class="cod-button icon"
+                matTooltip="Close the menu"
+                matRipple
+                i18n-matTooltip>
            <mat-icon>close</mat-icon>
        </button>
    </h1>
-    <h2>Catégories</h2>
+    <h2 i18n>Categories</h2>
    <app-categories-menu (categoryClicked)="close()"></app-categories-menu>
 </div>
 <div class="overlay {{ isOpenned ? 'displayed' : ''}}" (click)="close()"></div>
--- a/frontend/src/app/components/side-menu/side-menu.component.scss
+++ b/frontend/src/app/components/side-menu/side-menu.component.scss
@@ -41,24 +41,6 @@
                    height: $imageSize;
                }
            }
-
-            button {
-                border-radius: 10em;
-                border: none;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 2.5em;
-                height: 2.5em;
-                color: white;
-                background-color: #3f51b5;
-                transition: background-color .2s ease-in-out;
-
-                &:hover {
-                    cursor: pointer;
-                    background-color: #5c6bc0;
-                }
-            }
        }

        h2 {
--- a/frontend/src/app/components/side-menu/side-menu.component.ts
+++ b/frontend/src/app/components/side-menu/side-menu.component.ts
@@ -3,13 +3,20 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { RouterModule } from '@angular/router';
 import { CategoriesMenuComponent } from './categories-menu/categories-menu.component';
+import { MatRippleModule } from '@angular/material/core';

@Component({
  selector: 'app-side-menu',
  standalone: true,
-  imports: [CategoriesMenuComponent, MatIconModule, MatTooltipModule, RouterModule],
  templateUrl: './side-menu.component.html',
-  styleUrl: './side-menu.component.scss'
+  styleUrl: './side-menu.component.scss',
+  imports: [
+    CategoriesMenuComponent, 
+    MatIconModule,
+    MatRippleModule, 
+    MatTooltipModule,
+    RouterModule
+  ]
 })
 export class SideMenuComponent {
  isOpenned: boolean = false;
--- a/frontend/src/app/components/side-menu/side-menu.service.ts
+++ b/frontend/src/app/components/side-menu/side-menu.service.ts
@@ -1,9 +1,8 @@
-import { Injectable, OnDestroy, inject } from '@angular/core';
-import { CategoryService } from '../../core/service/category.service';
-import { BehaviorSubject, Observable, Subscription, map } from 'rxjs';
-import { Category } from '../../core/rest-services/category/model/category';
-import { CategoryRestService } from '../../core/rest-services/category/category.rest-service';
+import { Injectable, inject } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { CategoryRestService } from '../../core/rest-services/category/category.rest-service';
+import { Category } from '../../core/rest-services/category/model/category';

 export interface DisplayableCategory {
  id: string;
@@ -20,31 +19,13 @@ export interface DisplayableSubCategory {
@Injectable({
  providedIn: 'root'
 })
-export class SideMenuService implements OnDestroy {
+export class SideMenuService {
  private categoryRestService = inject(CategoryRestService);
  private snackBar = inject(MatSnackBar);
  private categoriesSubject = new BehaviorSubject<DisplayableCategory[]>([]);
  private isLoadingSubject = new BehaviorSubject<boolean>(false);
  private isLoadedSubject = new BehaviorSubject<boolean>(false);

-  constructor() {
-    // this.categoriesSubscription = this.categoryService.categories$
-    //   .pipe(
-    //     map(categories =>
-    //       categories
-    //         .filter(category => category.subCategories?.length)
-    //         .map(category => 
-    //           this.mapToDisplayableCategory(category)
-    //         )
-    //     )
-    //   )
-    //   .subscribe(categories => this.categoriesSubject.next(categories));
-  }
-
-  ngOnDestroy(): void {
-    // this.categoriesSubscription?.unsubscribe();
-  }
-
  private mapToDisplayableCategory(category: Category): DisplayableCategory {
    return {
      id: category.id,
@@ -89,9 +70,9 @@ export class SideMenuService implements OnDestroy {
        this.categoriesSubject.next(displayableCategories);
      })
      .catch(error => {
-        const errorMessage = "An error occured while loading categories.";
+        const errorMessage = $localize`An error occured while loading categories.`;
        console.error(errorMessage, error);
-        this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+        this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
      })
      .finally(() => {
        this.isLoadingSubject.next(false);
--- a/frontend/src/app/components/submit-button/submit-button.component.html
+++ b/frontend/src/app/components/submit-button/submit-button.component.html
@@ -1,8 +1,12 @@
-<button type="submit" [class]="color" [disabled]="disabled || requestPending" (click)="click.emit()">
+<button type="submit"
+        class="cod-button {{color}}"
+        [disabled]="disabled || requestPending"
+        (click)="click.emit()"
+        matRipple>
    @if (requestPending) {
        <mat-spinner class="spinner {{color}}" [diameter]="25"></mat-spinner>
    }
    <span>
-        {{ label }}
+        <ng-content/>
    </span>
 </button>
--- a/frontend/src/app/components/submit-button/submit-button.component.ts
+++ b/frontend/src/app/components/submit-button/submit-button.component.ts
@@ -1,14 +1,18 @@
 import { CommonModule } from "@angular/common";
 import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { MatRippleModule } from "@angular/material/core";
 import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";

-
@Component({
    selector: 'app-submit-button',
    standalone: true,
-    imports: [MatProgressSpinnerModule, CommonModule],
    templateUrl: 'submit-button.component.html',
-    styleUrl: 'submit-button.component.scss'
+    styleUrl: 'submit-button.component.scss',
+    imports: [
+        CommonModule,
+        MatRippleModule,
+        MatProgressSpinnerModule
+    ]
 })
 export class SubmitButtonComponent {
    @Input() requestPending: boolean = false;
--- a/frontend/src/app/core/guard/already-authenticated.guard.ts
+++ b/frontend/src/app/core/guard/already-authenticated.guard.ts
@@ -0,0 +1,18 @@
+import { inject } from "@angular/core";
+import { CanActivateFn, Router } from "@angular/router";
+import { AuthenticationService } from "../service/authentication.service";
+import { MatSnackBar } from "@angular/material/snack-bar";
+
+export const alreadyAuthenticatedGuard: CanActivateFn = () => {
+    const authenticationService = inject(AuthenticationService);
+    const router = inject(Router);
+    const snackBar = inject(MatSnackBar);
+
+    if (authenticationService.isAuthenticated()) {
+        router.navigate(['/home']);
+        snackBar.open($localize`You can't access to this page because you are already authenticated.`, $localize`Close`, { duration: 5000 });
+        return false;
+    } else {
+        return true;
+    }
+}
--- a/frontend/src/app/core/guard/authentication.guard.ts
+++ b/frontend/src/app/core/guard/authentication.guard.ts
@@ -3,16 +3,18 @@ import { CanActivateFn, Router } from "@angular/router";
 import { AuthenticationService } from "../service/authentication.service";
 import { MatSnackBar } from "@angular/material/snack-bar";

-export const authenticationGuard: CanActivateFn = () => {
+export const authenticationGuard: CanActivateFn = async () => {
    const authenticationService = inject(AuthenticationService);
    const router = inject(Router);
    const snackBar = inject(MatSnackBar);

+    await authenticationService.checkIsAuthenticated();
+
    if (authenticationService.isAuthenticated()) {
        return true;
    } else {
        router.navigate(['/login']);
-        snackBar.open('You are unauthenticated. Please, log-in first.', 'Close', { duration: 5000 });
+        snackBar.open($localize`You are unauthenticated. Please, log-in first.`, $localize`Close`, { duration: 5000 });
        return false;
    }
 }
--- a/frontend/src/app/core/interceptor/jwt.interceptor.ts
+++ b/frontend/src/app/core/interceptor/jwt.interceptor.ts
@@ -41,23 +41,12 @@ export class JwtInterceptor implements HttpInterceptor {
            this.isRefreshingToken = true;
            this.refreshTokenSubject.next(undefined);

-            const refreshToken = this.authenticationService.getRefreshToken();
-            if (refreshToken) {
-                const refreshTokenRequest: RefreshTokenRequest = {
-                    refreshTokenValue: refreshToken
-                };
-                this.userRestService.refreshToken(refreshTokenRequest)
-                    .then(refreshTokenResponse => {
-                        this.authenticationService.authenticate(refreshTokenResponse.accessToken, refreshTokenResponse.refreshToken);
-                        this.refreshTokenSubject.next(refreshTokenResponse.accessToken);
-                    })
-                    .catch(() => {
-                        return this.handleNoRefreshToken(initialError);
-                    })
-                    .finally(() => this.isRefreshingToken = false);
-            } else {
-                return this.handleNoRefreshToken(initialError);
-            }
+            this.authenticationService.refreshToken()
+                .then(refreshTokenResponse => {
+                    this.refreshTokenSubject.next(refreshTokenResponse.accessToken);
+                })
+                .catch(() => this.handleNoRefreshToken(initialError))
+                .finally(() => this.isRefreshingToken = false);
        }

        return this.refreshTokenSubject.pipe(
@@ -83,7 +72,7 @@ export class JwtInterceptor implements HttpInterceptor {
        this.router.navigate(['/login']);
        this.refreshTokenSubject.next(undefined);
        this.authenticationService.unauthenticate();
-        this.snackBar.open('You are unauthenticated. Please, re-authenticate before retrying your action.', 'Close', { duration: 5000 });
+        this.snackBar.open($localize`You are unauthenticated. Please, re-authenticate before retrying your action.`, $localize`Close`, { duration: 5000 });
        return throwError(() => initialError);
    }
 }
--- a/frontend/src/app/core/rest-services/publications/model/preview.ts
+++ b/frontend/src/app/core/rest-services/publications/model/preview.ts
@@ -0,0 +1,7 @@
+export interface PreviewContentRequest {
+    text: string;
+}
+
+export interface PreviewContentResponse {
+    text: string;
+}
--- a/frontend/src/app/core/rest-services/publications/publication.rest-service.ts
+++ b/frontend/src/app/core/rest-services/publications/publication.rest-service.ts
@@ -2,6 +2,7 @@ import { HttpClient, HttpParams } from '@angular/common/http';
 import { Injectable, inject } from '@angular/core';
 import { last, lastValueFrom } from 'rxjs';
 import { Publication } from './model/publication';
+import { PreviewContentRequest, PreviewContentResponse } from './model/preview';

@Injectable({
  providedIn: 'root'
@@ -31,9 +32,8 @@ export class PublicationRestService {
    return lastValueFrom(this.httpClient.get<Publication[]>('/api/publications', { params }));
  }

-  preview(publicationText: string): Promise<string> {
-    const request = { text: publicationText };
-    return lastValueFrom(this.httpClient.post<string>('/api/publications/preview', request));
+  preview(request: PreviewContentRequest): Promise<PreviewContentResponse> {
+    return lastValueFrom(this.httpClient.post<PreviewContentResponse>('/api/publications/preview', request));
  }

  delete(publicationId: string): Promise<void> {
--- a/frontend/src/app/core/service/authentication.service.ts
+++ b/frontend/src/app/core/service/authentication.service.ts
@@ -1,7 +1,9 @@
 import { inject, Injectable } from "@angular/core";
+import { BehaviorSubject, interval } from "rxjs";
 import { User } from "../model/User";
 import { UserRestService } from "../rest-services/user/user.rest-service";
 import { RefreshTokenRequest } from "../rest-services/user/model/refresh-token.model";
+import { LoginResponse } from "../rest-services/user/model/login.model";

 const JWT_PARAM = 'jwt';
 const REFRESH_TOKEN_PARAM = 'refresh-token';
@@ -18,18 +20,30 @@ interface UserDetails {
    providedIn: 'root'
 })
 export class AuthenticationService {
+    private readonly AUTHENTICATION_CHECKING_PERIOD = 5 * 60 * 1000;
+    private isAuthenticatedSubject = new BehaviorSubject<boolean>(false);
+    private readonly userRestService = inject(UserRestService);
+
+    startAuthenticationCheckingProcess(): void {
+        this.checkIsAuthenticated();
+        interval(this.AUTHENTICATION_CHECKING_PERIOD)
+            .subscribe(() => this.checkIsAuthenticated());
+    }

    authenticate(token: string, refreshToken: string): void {
        localStorage.setItem(JWT_PARAM, token);
        localStorage.setItem(REFRESH_TOKEN_PARAM, refreshToken);
+        this.isAuthenticatedSubject.next(true);
    }

    unauthenticate(): void {
        localStorage.removeItem(JWT_PARAM);
+        localStorage.removeItem(REFRESH_TOKEN_PARAM);
+        this.isAuthenticatedSubject.next(false);
    }
    
    isAuthenticated(): boolean {
-        return !!localStorage.getItem(JWT_PARAM);
+        return this.isAuthenticatedSubject.value;
    }

    getAuthenticatedUser(): User | undefined {
@@ -45,7 +59,7 @@ export class AuthenticationService {
    }

    isTokenExpired(): boolean {
-        let result = false;
+        let result = true;

        const userDetails = this.extractUserDetails();

@@ -59,8 +73,43 @@ export class AuthenticationService {
        return result;
    }

+    refreshToken(): Promise<LoginResponse> {
+        const refreshToken = this.getRefreshToken();
+        if (refreshToken) {
+            const refreshTokenRequest: RefreshTokenRequest = {
+                refreshTokenValue: refreshToken
+            };
+            return this.userRestService.refreshToken(refreshTokenRequest)
+                .then(refreshTokenResponse => {
+                    this.authenticate(refreshTokenResponse.accessToken, refreshTokenResponse.refreshToken);
+                    return refreshTokenResponse;
+                });
+        }
+
+        return Promise.reject('No any refresh token found.');
+    }
+
+    checkIsAuthenticated(): Promise<void> {
+        return new Promise((resolve, reject) => {
+            const isTokenExpired = this.isTokenExpired();
+            if (isTokenExpired) {
+                if (this.getRefreshToken()) {
+                    this.refreshToken()
+                        .then(() => resolve())
+                        .catch(() => reject());
+                } else {
+                    this.isAuthenticatedSubject.next(false);
+                }
+            } else {
+                this.isAuthenticatedSubject.next(true);
+            }
+            resolve();
+        });
+        
+    }
+
    private extractUserFromLocalStorage(): User | undefined {
-        let result: User | undefined = undefined;
+        let result: User | undefined;

        const userDetails = this.extractUserDetails();
        if (userDetails) {
--- a/frontend/src/app/core/service/category.service.ts
+++ b/frontend/src/app/core/service/category.service.ts
@@ -18,7 +18,7 @@ export class CategoryService {
    if (!this.categories?.length) {
      this.categoryRestService.getCategories()
        .then(categories => this.categoriesSubject.next(categories))
-        .catch(error => console.error('An error occured while loading categories.', error));
+        .catch(error => console.error($localize`An error occured while loading categories.`, error));
    }
    return this.categoriesSubject.asObservable();
  }
--- a/frontend/src/app/pages/disconnection/disconnection.component.html
+++ b/frontend/src/app/pages/disconnection/disconnection.component.html
@@ -1,2 +1,2 @@
-<h1>Disconnection...</h1>
+<h1 i18n>Disconnection...</h1>
 <mat-spinner></mat-spinner>
--- a/frontend/src/app/pages/home/home.component.html
+++ b/frontend/src/app/pages/home/home.component.html
@@ -1,2 +1,11 @@
 <h1 i18n>Last publications</h1>
-<app-publication-list [publications$]="publications$"></app-publication-list>
+@if ((isLoading$ | async) === true) {
+    <h2 i18n>Publications loading...</h2>
+    <mat-spinner></mat-spinner>
+} @else {
+    @if ((publications$ | async) != []) {
+        <app-publication-list [publications$]="publications$"></app-publication-list>
+    } @else {
+        <h2 i18n>No any publication.</h2>
+    }
+}
--- a/frontend/src/app/pages/home/home.component.spec.ts
+++ b/frontend/src/app/pages/home/home.component.spec.ts
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HomeComponent } from './home.component';
-
-describe('HomeComponent', () => {
-  let component: HomeComponent;
-  let fixture: ComponentFixture<HomeComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HomeComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(HomeComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
--- a/frontend/src/app/pages/home/home.component.ts
+++ b/frontend/src/app/pages/home/home.component.ts
@@ -1,16 +1,19 @@
 import { Component, OnInit, inject } from '@angular/core';
-import { HomeService } from './home.service';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { Observable } from 'rxjs';
-import { Publication } from '../../core/rest-services/publications/model/publication';
-import { RouterModule } from '@angular/router';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { CommonModule } from '@angular/common';
 import { PublicationListComponent } from '../../components/publication-list/publication-list.component';
+import { Publication } from '../../core/rest-services/publications/model/publication';
+import { HomeService } from './home.service';
+import { CommonModule } from '@angular/common';

@Component({
  selector: 'app-home',
  standalone: true,
-  imports: [PublicationListComponent],
+  imports: [
+    CommonModule,
+    MatProgressSpinnerModule,
+    PublicationListComponent
+  ],
  templateUrl: './home.component.html',
  styleUrl: './home.component.scss',
  providers: [HomeService]
--- a/frontend/src/app/pages/home/home.service.ts
+++ b/frontend/src/app/pages/home/home.service.ts
@@ -26,8 +26,9 @@ export class HomeService {
        this.publicationRestService.getLatest()
            .then(publications => this.publicationsSubject.next(publications))
            .catch(error => {
-                this.snackBar.open('An error occurred while retrieving latest publications...');
-                console.error('An error occurred while retrieving latest publications...', error);
+                const errorMessage = $localize`An error occurred while retrieving latest publications...`;
+                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+                console.error(errorMessage, error);
            })
            .finally(() => this.isLoadingSubject.next(false));
    }
--- a/frontend/src/app/pages/login/login.component.html
+++ b/frontend/src/app/pages/login/login.component.html
@@ -1,23 +1,23 @@
-<form [formGroup]="loginForm" (submit)="performLogin()" ngNativeValidate>
-    <h1>Login</h1>
-    <div>
+<form [formGroup]="loginForm" (submit)="performLogin()" class="cod-form card" ngNativeValidate>
+    <h1 i18n>Login</h1>
+    <div class="form-field">
        <mat-icon>mail</mat-icon>
-        <label for="email">
+        <label for="email" i18n>
            Email address
            <span class="required">*</span>
        </label>
        <input type="email" id="email" formControlName="email" autocomplete="email" required />
    </div>
-    <div>
+    <div class="form-field">
        <mat-icon>lock</mat-icon>
-        <label for="password">
+        <label for="password" i18n>
            Password
            <span class="required">*</span>
        </label>
        <input type="password" id="password" formControlName="password" required />
    </div>
-    <div class="actions">
-        <button type="submit">Send</button>
-        <a [routerLink]="['/signin']">Create an account</a>
+    <div class="actions reversed">
+        <app-submit-button [requestPending]="false" [disabled]="false" i18n>Send</app-submit-button>
+        <a [routerLink]="['/signin']" class="cod-button secondary" matRipple i18n>Create an account</a>
    </div>
 </form>
--- a/frontend/src/app/pages/login/login.component.scss
+++ b/frontend/src/app/pages/login/login.component.scss
@@ -4,79 +4,4 @@
    justify-content: center;
    align-items: center;
    padding: 1em;
-
-    form {
-        width: 80%;
-        max-width: 20em;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        gap: 1em;
-        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
-        border-radius: .5em;
-        padding: 1em 1.5em;
-        background-color: #ffffff;
-
-        h1 {
-            margin: 0;
-        }
-
-        div {
-            display: flex;
-            flex-direction: column;
-            position: relative;
-            gap: .1em;
-
-            mat-icon {
-                position: absolute;
-                top: 1.3em;
-                left: .5em;
-                color: #777;
-            }
-
-            &.actions {
-                flex-direction: row-reverse;
-                justify-content: space-between;
-                align-items: center;
-
-                a {
-                    color: #3f51b5;
-                    text-decoration: none;
-                }
-
-                button, a.button {
-                    padding: .8em 1.2em;
-                    border-radius: 10em;
-                    border: none;
-                    background-color: #3f51b5;
-                    color: white;
-                    transition: background-color .2s ease-in-out;
-                
-                    &:hover {
-                        background-color: #5b6ed8;
-                        cursor: pointer;
-                    }
-                }
-            }
-
-            label {
-                flex: 1;
-                font-style: italic;
-                padding-left: 1em;
-                color: #777;
-
-                .required {
-                    color: red;
-                }
-            }
-
-            input {
-                flex: 1;
-                background-color: #eeeeee;
-                border: none;
-                border-radius: 10em;
-                padding: 1em 1em 1em 3em;
-            }
-        }
-    }
 }
--- a/frontend/src/app/pages/login/login.component.spec.ts
+++ b/frontend/src/app/pages/login/login.component.spec.ts
@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { LoginComponent } from './login.component';
-
-describe('LoginComponent', () => {
-  let component: LoginComponent;
-  let fixture: ComponentFixture<LoginComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [LoginComponent]
-    })
-    .compileComponents();
-    
-    fixture = TestBed.createComponent(LoginComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
--- a/frontend/src/app/pages/login/login.component.ts
+++ b/frontend/src/app/pages/login/login.component.ts
@@ -5,13 +5,21 @@ import { Subscription, debounceTime, map } from 'rxjs';
 import { LoginService } from './login.service';
 import { MatIconModule } from '@angular/material/icon';
 import { RouterModule } from '@angular/router';
+import { SubmitButtonComponent } from "../../components/submit-button/submit-button.component";
+import { MatRippleModule } from '@angular/material/core';

@Component({
  selector: 'app-login',
  standalone: true,
  templateUrl: './login.component.html',
  styleUrl: './login.component.scss',
-  imports: [ReactiveFormsModule, MatIconModule, RouterModule],
+  imports: [
+    MatIconModule, 
+    MatRippleModule,
+    ReactiveFormsModule, 
+    RouterModule,
+    SubmitButtonComponent
+  ],
  providers: [LoginService, MatSnackBarModule]
 })
 export class LoginComponent implements OnInit, OnDestroy {
--- a/frontend/src/app/pages/login/login.service.ts
+++ b/frontend/src/app/pages/login/login.service.ts
@@ -60,22 +60,24 @@ export class LoginService {
  performLogin(): void {
    const state = this.state;

-    // Check state is valid
+    if (this.isStateValid(state)) {
+      this.userRestService
+        .login(state.request)
+        .then((response) => {
+          this.authenticationService.authenticate(response.accessToken, response.refreshToken);
+          this.snackBar.open($localize`Authentication succeeded!`, $localize`Close`, { duration: 5000 });
+          this.router.navigate(['/home']);
+        })
+        .catch((error) => {
+          console.error(error);
+          this.snackBar.open($localize`Authentication failed.`, $localize`Close`, { duration: 5000 });
+        });
+    } else {
+      this.snackBar.open($localize`Please, fill the inputs before send.`, $localize`Close`, { duration: 5000 });
+    }
+  }

-    this.userRestService
-      .login(state.request)
-      .then((response) => {
-        this.authenticationService.authenticate(response.accessToken, response.refreshToken);
-        this.snackBar.open('Authentication succeeded!', 'Close', {
-          duration: 5000,
-        });
-        this.router.navigate(['/home']);
-      })
-      .catch((error) => {
-        console.error(error);
-        this.snackBar.open('Authentication failed.', 'Close', {
-          duration: 5000,
-        });
-      });
+  isStateValid(state: LoginState): boolean {
+    return !!state.request.email?.trim().length && !!state.request.password?.length;
  }
 }
--- a/frontend/src/app/pages/my-publications/my-publications.component.html
+++ b/frontend/src/app/pages/my-publications/my-publications.component.html
@@ -1,19 +1,21 @@
-<h1>Your publications</h1>
+<h1 i18n>Your publications</h1>

 <a [routerLink]="['/publications/new']"
    class="new-publication"
    matTooltip="Add a new publication"
-    matTooltipPosition="left">
+    matTooltipPosition="left"
+    matRipple
+    i18n-matTooltip>
    +
 </a>

@if ((isLoading$ | async) === true) {
-    <h2>Publication loading...</h2>
+    <h2 i18n>Publication loading...</h2>
    <mat-spinner></mat-spinner>
 } @else {
    @if ((isLoaded$ | async) === true) {
        <app-publication-list [publications$]="publications$"></app-publication-list>
    } @else {
-        <h2>There is no any publication...</h2>
+        <h2 i18n>There is no any publication...</h2>
    }
 }
--- a/frontend/src/app/pages/my-publications/my-publications.component.ts
+++ b/frontend/src/app/pages/my-publications/my-publications.component.ts
@@ -7,6 +7,7 @@ import { Publication } from "../../core/rest-services/publications/model/publica
 import { CommonModule } from "@angular/common";
 import { RouterModule } from "@angular/router";
 import { MatTooltipModule } from "@angular/material/tooltip";
+import { MatRippleModule } from "@angular/material/core";


@Component({
@@ -17,8 +18,9 @@ import { MatTooltipModule } from "@angular/material/tooltip";
    imports: [
        CommonModule,
        MatProgressSpinnerModule,
-        PublicationListComponent,
+        MatRippleModule,
        MatTooltipModule,
+        PublicationListComponent,
        RouterModule
    ],
    providers: [MyPublicationsService]
--- a/frontend/src/app/pages/my-publications/my-publications.service.ts
+++ b/frontend/src/app/pages/my-publications/my-publications.service.ts
@@ -40,8 +40,8 @@ export class MyPublicationsService {
                    this.publicationsSubject.next(publications);
                })
                .catch(error => {
-                    const errorMessage = 'An error occurred while retrieving your publications...';
-                    this.snackBar.open(errorMessage);
+                    const errorMessage = $localize`An error occurred while retrieving your publications...`;
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                    console.error(errorMessage, error);
                })
                .finally(() => {
@@ -50,7 +50,7 @@ export class MyPublicationsService {
                });
        } else {
            this.authenticationService.unauthenticate();
-            this.snackBar.open('You are unauthenticated. Please, log-in first.', 'Close', { duration: 5000 });
+            this.snackBar.open($localize`You are unauthenticated. Please, log-in first.`, $localize`Close`, { duration: 5000 });
            this.router.navigate(['/login']);
        }
    }
--- a/frontend/src/app/pages/publication-creation/publication-creation.component.html
+++ b/frontend/src/app/pages/publication-creation/publication-creation.component.html
@@ -1 +1,7 @@
-<app-publication-edition title="Creation of a new publication" [publication]="publication" [isSaving$]="isSaving$" (publicationSave)="onPublicationSave($event)"></app-publication-edition>
+<app-publication-edition
+    title="Creation of a new publication"
+    [publication]="publication" 
+    [isSaving$]="isSaving$"
+    (publicationSave)="onPublicationSave($event)"
+    i18n-title>
+</app-publication-edition>
--- a/frontend/src/app/pages/publication-creation/publication-creation.component.ts
+++ b/frontend/src/app/pages/publication-creation/publication-creation.component.ts
@@ -63,13 +63,13 @@ export class PublicationCreationComponent implements OnInit {
        this.isSavingSubject.next(true);
        this.publicationRestService.create(publication)
            .then(() => {
-                this.snackBar.open('Publication created succesfully!', 'Close', { duration: 5000 });
+                this.snackBar.open($localize`Publication created succesfully!`, $localize`Close`, { duration: 5000 });
                this.router.navigate(['/my-publications']);
            })
            .catch(error => {
-                const errorMessage = 'An error occured while saving new publication.';
+                const errorMessage = $localize`An error occured while saving new publication.`;
                console.error(errorMessage, error);
-                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
            })
            .finally(() => this.isSavingSubject.next(false));
    }
--- a/frontend/src/app/pages/publication-update/publication-update.component.html
+++ b/frontend/src/app/pages/publication-update/publication-update.component.html
@@ -1,13 +1,20 @@
@if ((isLoading$ | async) == true) {
+    <h2 i18n>Loading publication to edit...</h2>
    <mat-spinner></mat-spinner>
 } 
@else {
    @if (publication) {
-        <app-publication-edition title="Update publication {{ publication.title }}" [publication]="publication" [isSaving$]="isSaving$" (publicationSave)="onPublicationSave($event)"></app-publication-edition>
+        <app-publication-edition
+            title="Update publication {{ publication.title }}"
+            [publication]="publication"
+            [isSaving$]="isSaving$"
+            (publicationSave)="onPublicationSave($event)"
+            i18n-title>
+        </app-publication-edition>
    }
    @else {
        <div class="loading-failed">
-            <h1>Publication failed to load...</h1>
+            <h1 i18n>Publication failed to load...</h1>
        </div>
    }
 }
--- a/frontend/src/app/pages/publication-update/publication-update.component.ts
+++ b/frontend/src/app/pages/publication-update/publication-update.component.ts
@@ -59,7 +59,7 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
    this.activatedRoute.paramMap.subscribe(params => {
        const publicationId = params.get('publicationId');
        if (publicationId == undefined) {
-            this.snackBar.open('A technical error occurred while loading publication data.', 'Close', { duration: 5000 });
+            this.snackBar.open($localize`A technical error occurred while loading publication data.`, $localize`Close`, { duration: 5000 });
            this.location.back();
        } else {
            this.publicationRestService.getById(publicationId)
@@ -67,8 +67,8 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
              this.publication = publication;
            })
            .catch(error => {
-                const errorMessage = 'A technical error occurred while loading publication data.';
-                this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                const errorMessage = $localize`A technical error occurred while loading publication data.`;
+                this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                console.error(errorMessage, error)
            })
            .finally(() => this.isLoadingSubject.next(false));
@@ -84,13 +84,13 @@ export class PublicationUpdateComponent implements OnInit, OnDestroy {
    this.isSavingSubject.next(true);
    this.publicationRestService.update(publication)
        .then(() => {
-            this.snackBar.open('Publication updated succesfully!', 'Close', { duration: 5000 });
+            this.snackBar.open($localize`Publication updated succesfully!`, $localize`Close`, { duration: 5000 });
            this.router.navigate(['/home']);
        })
        .catch(error => {
-            const errorMessage = 'An error occured while saving publication modifications.';
+            const errorMessage = $localize`An error occured while saving publication modifications.`;
            console.error(errorMessage, error);
-            this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+            this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
        })
        .finally(() => this.isSavingSubject.next(false));
  }
--- a/frontend/src/app/pages/publication/publication.component.html
+++ b/frontend/src/app/pages/publication/publication.component.html
@@ -1,14 +1,19 @@
@if (isLoading) {
+    <h2 i18n>Publication content loading...</h2>
    <mat-spinner></mat-spinner>
 } @else {
    @if (publication) {
        <div class="card">
-            <img src="/pictures/{{ publication.illustrationId }}" />
+            <img src="/api/pictures/{{ publication.illustrationId }}" />
            <header>
                <h1>{{ publication.title }}</h1>
                <h2>{{ publication.description }}</h2>
                @if (isAuthorAndUserEquals) {
-                    <a [routerLink]="['edit']" class="button action" matTooltip="Click to edit the publication">
+                    <a [routerLink]="['edit']"
+                        class="button action"
+                        matTooltip="Click to edit the publication"
+                        matRipple
+                        i18n-matTooltip>
                        <mat-icon>edit</mat-icon>
                    </a>
                }
@@ -16,16 +21,21 @@
            <main [innerHTML]="publication.parsedText"></main>
            <footer>
                <div class="metadata">
-                    <img src="/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name" />
+                    <img src="/api/pictures/{{ publication.author.image }}" [matTooltip]="publication.author.name" />
                    <div class="posting-data">
-                        Publication posted by {{ publication.author.name }}
+                        <span i18n>Publication posted by {{ publication.author.name }}</span>
                        <span class="publication-date">
-                            ({{ publication.creationDate | date: 'short' : 'fr-FR' }})
+                            ({{ publication.creationDate | date: 'short' }})
                        </span>
                    </div>
                </div>
                @if (isAuthorAndUserEquals) {
-                    <button type="button" (click)="deletePublication()" matTooltip="Click to delete the publication" matTooltipPosition="left">
+                    <button type="button"
+                        (click)="deletePublication()"
+                        matTooltip="Click to delete the publication" 
+                        matTooltipPosition="left"
+                        matRipple
+                        i18n-matTooltip>
                        <mat-icon>delete</mat-icon>
                        Delete
                    </button>
@@ -34,7 +44,7 @@
        </div>
    } @else {
        <div class="loading-failed">
-            <h1>Publication failed to load...</h1>
+            <h1 i18n>Publication failed to load...</h1>
        </div>
    }
 }
--- a/frontend/src/app/pages/publication/publication.component.ts
+++ b/frontend/src/app/pages/publication/publication.component.ts
@@ -1,25 +1,33 @@
-import { Component, OnDestroy, OnInit, inject } from '@angular/core';
-import { PublicationRestService } from '../../core/rest-services/publications/publication.rest-service';
-import { ActivatedRoute, Router, RouterModule } from '@angular/router';
-import { Subscription } from 'rxjs';
-import { Publication } from '../../core/rest-services/publications/model/publication';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { CommonModule, Location } from '@angular/common';
-import { MatProgressSpinner } from '@angular/material/progress-spinner';
-import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
-import { MatIcon } from '@angular/material/icon';
-import { AuthenticationService } from '../../core/service/authentication.service';
+import { Component, OnDestroy, OnInit, inject } from '@angular/core';
+import { MatRippleModule } from '@angular/material/core';
 import { MatDialog } from '@angular/material/dialog';
+import { MatIcon } from '@angular/material/icon';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ActivatedRoute, RouterModule } from '@angular/router';
+import { Subscription } from 'rxjs';
 import { ConfirmationDialog } from '../../components/confirmation-dialog/confirmation-dialog.component';
+import { Publication } from '../../core/rest-services/publications/model/publication';
+import { PublicationRestService } from '../../core/rest-services/publications/publication.rest-service';
+import { AuthenticationService } from '../../core/service/authentication.service';

 declare let Prism: any;

@Component({
  selector: 'app-publication',
  standalone: true,
-  imports: [CommonModule, MatProgressSpinner, MatTooltip, RouterModule, MatIcon, MatTooltipModule],
  templateUrl: './publication.component.html',
-  styleUrl: './publication.component.scss'
+  styleUrl: './publication.component.scss',
+  imports: [
+    CommonModule,
+    MatIcon,
+    MatRippleModule,
+    MatProgressSpinner,
+    MatTooltipModule,
+    RouterModule
+  ]
 })
 export class PublicationComponent implements OnInit, OnDestroy {
  private readonly activatedRoute = inject(ActivatedRoute);
@@ -50,8 +58,9 @@ export class PublicationComponent implements OnInit, OnDestroy {
                  setTimeout(() => Prism.highlightAll(), 100);
                })
                .catch(error => {
-                  this.snackBar.open('An error occurred while loading publication...', 'Close', { duration: 5000 });
-                  console.error('An error occurred while loading publication...', error);
+                  const errorMessage = $localize`An error occurred while loading publication...`;
+                  this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
+                  console.error(errorMessage, error);
                })
                .finally(() => {
                  this.isLoading = false;
@@ -70,8 +79,8 @@ export class PublicationComponent implements OnInit, OnDestroy {
      ConfirmationDialog,
      {
        data: {
-          title: 'Publication deletion',
-          description: 'Are you sure you want to delete this publication?'
+          title: $localize`Publication deletion`,
+          description: $localize`Are you sure you want to delete this publication?`
        }
      }
    );
@@ -80,7 +89,7 @@ export class PublicationComponent implements OnInit, OnDestroy {
      .subscribe(response => {
        if (response && this.publication?.id) {
          this.publicationRestService.delete(this.publication.id);
-          this.snackBar.open('Publication deleted', 'Close', { duration: 5000 });
+          this.snackBar.open($localize`Publication deleted`, $localize`Close`, { duration: 5000 });
          this.location.back();
        }
      });
--- a/frontend/src/app/pages/search-publications/search-publications.component.html
+++ b/frontend/src/app/pages/search-publications/search-publications.component.html
@@ -1,13 +1,13 @@
-<h1>Search results</h1>
+<h1 i18n>Search results</h1>
@if((isLoading$ | async) === true) {
-    <h2>Search in progress...</h2>
+    <h2 i18n>Search in progress...</h2>
    <mat-spinner></mat-spinner>
 } @else if((isLoaded$ | async) === true) {
    @if((publications$ | async)?.length) {
        <app-publication-list [publications$]="publications$"></app-publication-list>
    } @else {
-        No any result.
+        <span i18n>No any result.</span>
    }
 } @else {
-    No any result.
+    <span i18n>No any result.</span>
 }
--- a/frontend/src/app/pages/search-publications/search-publications.service.ts
+++ b/frontend/src/app/pages/search-publications/search-publications.service.ts
@@ -36,9 +36,9 @@ export class SearchPublicationsService {
            })
            .catch(error => {
                if (error.status !== 404) {
-                    const errorMessage = 'An error occured while retrieving publications.';
+                    const errorMessage = $localize`An error occured while retrieving publications.`;
                    console.error(errorMessage, error);
-                    this.snackBar.open(errorMessage, 'Close', { duration: 5000 });
+                    this.snackBar.open(errorMessage, $localize`Close`, { duration: 5000 });
                }
            })
            .finally(() => {
--- a/frontend/src/app/pages/signin/signin.component.html
+++ b/frontend/src/app/pages/signin/signin.component.html
@@ -1,39 +1,39 @@
-<form [formGroup]="signinForm" (submit)="performSignin()" ngNativeValidate>
-    <h1>Signin</h1>
-    <div>
+<form [formGroup]="signinForm" (submit)="performSignin()" class="cod-form card" ngNativeValidate>
+    <h1 i18n>Signin</h1>
+    <div class="form-field">
        <mat-icon>person</mat-icon>
-        <label for="pseudo">
+        <label for="pseudo" i18n>
            Pseudo
            <span class="required">*</span>
        </label>
        <input type="text" id="pseudo" formControlName="pseudo" autocomplete="pseudo" required />
    </div>
-    <div>
+    <div class="form-field">
        <mat-icon>mail</mat-icon>
-        <label for="email">
+        <label for="email" i18n>
            Email address
            <span class="required">*</span>
        </label>
        <input type="email" id="email" formControlName="email" autocomplete="email" required />
    </div>
-    <div>
+    <div class="form-field">
        <mat-icon>lock</mat-icon>
-        <label for="password">
+        <label for="password" i18n>
            Password
            <span class="required">*</span>
        </label>
        <input type="password" id="password" formControlName="password" required />
    </div>
-    <div>
+    <div class="form-field">
        <mat-icon>lock</mat-icon>
-        <label for="confirm-password">
+        <label for="confirm-password" i18n>
            Confirm password
            <span class="required">*</span>
        </label>
        <input type="password" id="confirm-password" formControlName="confirmPassword" required />
    </div>
-    <div class="actions">
-        <button type="submit">Send</button>
-        <a [routerLink]="['/login']">I already have an account</a>
+    <div class="actions reversed">
+        <app-submit-button [requestPending]="false" [disabled]="false" i18n>Send</app-submit-button>
+        <a [routerLink]="['/login']" class="cod-button secondary" matRipple i18n>I already have an account</a>
    </div>
 </form>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Florian THIERRY	9463ad5935	Change backend container image build.	2025-09-17 14:34:07 +02:00
Florian THIERRY	55d6a6328f	Switch from maven to gradle.	2025-09-17 14:25:14 +02:00
Florian THIERRY - Takiguchi	03dd52de71	gitea-actions (#8 ) All checks were successful Build and Deploy Java Gradle Application / build-and-deploy (push) Successful in 1m36s Details Co-authored-by: Florian THIERRY <florian.thierry@protonmail.com> Reviewed-on: #8	2025-07-23 22:59:51 +02:00
Florian THIERRY	859273a9c1	Change backend ip address after freebox migration.	2025-07-23 20:48:00 +02:00
Florian THIERRY	653536b0da	Merge pull request 'design-system' (#7 ) from design-system into main Reviewed-on: #7	2024-10-22 08:36:07 +02:00
Florian THIERRY	5fca5bde55	Rename cod-btn into cod-button.	2024-10-22 08:32:46 +02:00
Florian THIERRY	d36fd17690	Add i18n.	2024-10-22 08:23:27 +02:00
Florian THIERRY	295f977a21	Add icon button style.	2024-10-22 08:17:07 +02:00
Florian THIERRY	1a00d0cd19	Add missing ripple.	2024-10-22 08:17:07 +02:00
Florian THIERRY	2da6a58b20	Change version number.	2024-10-22 08:17:07 +02:00
Florian THIERRY	0d2883fe2a	Code cleanning.	2024-10-22 08:17:07 +02:00
Florian THIERRY	7f99d11209	Add ripple everywhere.	2024-10-22 08:17:07 +02:00
Florian THIERRY	053ac89e3c	Misc changes about form inputs.	2024-10-22 08:17:07 +02:00
Florian THIERRY	cfca22bf66	Factorization of input styling.	2024-10-22 08:17:07 +02:00
Florian THIERRY	7c5cc38cff	Initiate design system and refactor login page buttons.	2024-10-22 08:17:07 +02:00
Florian THIERRY	dae0a4b78d	Fix field edition problem.	2024-10-18 10:37:31 +02:00
Florian THIERRY	882ffe7094	Several changes about token refreshing.	2024-10-15 16:11:46 +02:00
Florian THIERRY	136771ab60	Add i18n missing translation.	2024-10-15 09:35:14 +02:00
Florian THIERRY	3865c26397	Merge pull request 'Add a guard to deny access for some routes.' (#6 ) from already-auth-guard into main Add a guard to deny access for some routes.	2024-10-15 08:26:45 +02:00
Florian THIERRY	26a217cd50	Add a guard to deny access for some routes.	2024-10-15 08:25:49 +02:00
Florian THIERRY	ff52a198dc	Upgrade to angular 18.	2024-09-24 22:47:15 +02:00
Florian THIERRY	f3d59a0ef3	conf cleaning.	2024-09-22 13:18:08 +02:00
Florian THIERRY	d84485e52b	test	2024-09-22 13:03:39 +02:00
Florian THIERRY	f789d89995	test	2024-09-22 12:53:55 +02:00
Florian THIERRY	7e0174bcc2	test	2024-09-22 12:46:41 +02:00
Florian THIERRY	fe1d59a3bb	test	2024-09-22 12:37:01 +02:00
Florian THIERRY	69a99c9312	test	2024-09-22 12:34:02 +02:00
Florian THIERRY	a6414ae64d	test	2024-09-22 12:30:18 +02:00
Florian THIERRY	9cf47f0e2a	test	2024-09-22 12:27:59 +02:00
Florian THIERRY	6c89562dc3	test	2024-09-22 12:14:04 +02:00
Florian THIERRY	e85eabbed5	test	2024-09-22 12:01:05 +02:00
Florian THIERRY	1ec4ba8212	test conf prod.	2024-09-22 11:10:01 +02:00
Florian THIERRY	a1ff181443	test conf prod.	2024-09-22 11:09:14 +02:00
Florian THIERRY	ee8f48bc43	Fix prod fr configuration.	2024-09-22 10:55:49 +02:00
Florian THIERRY	7ec1aee884	test	2024-09-21 23:39:46 +02:00
Florian THIERRY	a3adfa8ee0	Fix bug of preview content.	2024-09-21 22:20:00 +02:00
Florian THIERRY	d893afa1f3	i18n	2024-09-21 21:43:09 +02:00
Florian THIERRY	d984128176	i18n	2024-09-21 21:40:49 +02:00
Florian THIERRY	f8d73c9ed0	i18n	2024-09-21 21:34:16 +02:00
Florian THIERRY	208b935ffa	i18n for some components.	2024-09-21 21:17:31 +02:00
Florian THIERRY	f12dfc7029	i18n for files in core package.	2024-09-21 21:09:36 +02:00
Florian THIERRY	98a890e915	i18n for signin page.	2024-09-21 21:06:47 +02:00
Florian THIERRY	0c1b52d734	i18n for publication search page.	2024-09-21 21:03:34 +02:00
Florian THIERRY	3f6764dd7d	i18n for publication update page.	2024-09-21 21:00:59 +02:00
Florian THIERRY	67c3d0b3e6	i18n of publication creation page.	2024-09-21 20:57:05 +02:00
Florian THIERRY	36208ef071	i18n of publication page.	2024-09-21 12:28:55 +02:00
Florian THIERRY	b546a0cf01	Add i18n completion tool.	2024-09-21 12:20:22 +02:00
Florian THIERRY	3935f6ad21	i18n for login page.	2024-09-21 11:22:35 +02:00
Florian THIERRY	fd5ad7e88e	i18n for disconnection page.	2024-09-21 11:13:08 +02:00
Florian THIERRY	8c957fe694	i18n for home page.	2024-09-21 11:12:07 +02:00
Florian THIERRY	cb0ef7ddd5	Test	2024-09-20 18:38:17 +02:00
Florian THIERRY	42e466fe8b	test ci.	2024-09-20 17:32:43 +02:00
Florian THIERRY	2c5fa4fa13	test ci.	2024-09-20 17:25:37 +02:00
Florian THIERRY	ebce44c889	test ci	2024-09-20 17:12:13 +02:00
Florian THIERRY	955dc48f51	test ci	2024-09-20 16:46:11 +02:00
Florian THIERRY	29e75e6298	Test ci.	2024-09-20 16:34:29 +02:00
Florian THIERRY	187fd105d3	Fix pictures paths.	2024-09-20 09:36:10 +02:00