feat: add notes archival option before deleting (#20)

# What

- Add archiving notes option
- Notes should be archived before deleting.

# Why

- Makes the flow more clear and follow the same pattern as other app.Reviewed-on: #20

.github/workflows/build-app-candidate.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   build-and-push-app:
     name: Build & Push App
-    runs-on: ubuntu-latest
+    runs-on: easynode-debian
     permissions:
       contents: read
       packages: write
@@ -19,20 +19,19 @@ jobs:
           ref: ${{ github.ref }}
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
+        run: docker buildx inspect --bootstrap
 
-      - name: Log in to GitHub Container Registry
+      - name: Log in to Docker Hub
         uses: docker/login-action@v3
         with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
 
       - name: Extract metadata for Docker
         id: meta
         uses: docker/metadata-action@v5
         with:
-          images: ghcr.io/${{ github.repository }}/app
+          images: rmcampos/tasknote-app
           tags: |
             type=raw,value=candidate
 
@@ -49,9 +48,17 @@ jobs:
         with:
           context: ./client
           push: true
-          tags: ${{ steps.meta.outputs.tags }}
+          tags: |
+            ${{ steps.meta.outputs.tags }}
+            rmcampos/tasknote-app:${{ steps.version.outputs.tag }}
           labels: ${{ steps.meta.outputs.labels }}
-          cache-from: type=gha
-          cache-to: type=gha,mode=max
+          cache-from: type=registry,ref=rmcampos/tasknote-app:buildcache
+          cache-to: type=registry,ref=rmcampos/tasknote-app:buildcache,mode=max
           build-args: |
             VITE_BUILD=${{ steps.version.outputs.tag }}
+
+      - name: Log pushed images
+        run: |
+          echo "Pushed images:"
+          echo "  rmcampos/tasknote-app:candidate"
+          echo "  rmcampos/tasknote-app:${{ steps.version.outputs.tag }}"

.github/workflows/build-server-candidate.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   build-and-push-server:
     name: Build & Push Server
-    runs-on: ubuntu-latest
+    runs-on: graalvm-25
     permissions:
       contents: read
       packages: write
@@ -18,42 +18,34 @@ jobs:
           fetch-depth: 0
           ref: ${{ github.ref }}
 
-      - name: Set lowercase repo name
-        id: repo
-        run: echo "name=${GITHUB_REPOSITORY,,}" >> $GITHUB_OUTPUT
-
-      - name: Set up Java
-        uses: actions/setup-java@v4
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
         with:
-          distribution: 'temurin'
-          java-version: '25'
-          cache: 'maven'
-          cache-dependency-path: 'server/pom.xml'
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('**/server/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
 
-      - name: Log in to GHCR
+      - name: Log in to Docker Hub
         uses: docker/login-action@v3
         with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
 
-      - name: Cache Buildpack layers
-        uses: actions/cache@v4
-        with:
-          path: ~/.cache/reproducible-builds
-          key: ${{ runner.os }}-buildpack-${{ hashFiles('server/pom.xml') }}
-          restore-keys: |
-            ${{ runner.os }}-buildpack-
-  
       - name: Build Docker image
         working-directory: ./server
         run: |
-          # Use the dynamic repo name to prevent tagging errors
           ./mvnw -Pnative -DskipTests spring-boot:build-image \
-            -Dspring-boot.build-image.imageName=ghcr.io/${{ steps.repo.outputs.name }}/api:latest \
-            -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:latest
+            -Dspring-boot.build-image.imageName=rmcampos/tasknote-api:latest \
+            -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:0.0.505
 
       - name: Tag and push candidate
         run: |
-          docker tag ghcr.io/${{ steps.repo.outputs.name }}/api:latest ghcr.io/${{ steps.repo.outputs.name }}/api:candidate
-          docker push ghcr.io/${{ steps.repo.outputs.name }}/api:candidate
+          docker tag rmcampos/tasknote-api:latest rmcampos/tasknote-api:candidate
+          docker push rmcampos/tasknote-api:candidate
+
+      - name: Log pushed images
+        run: |
+          echo "Pushed images:"
+          echo "  rmcampos/tasknote-api:latest"
+          echo "  rmcampos/tasknote-api:candidate"

.github/workflows/cd-backend.yml

@@ -0,0 +1,84 @@
+name: Backend CD
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [ main ]
+    paths:
+      - 'server/**'
+      - '.github/workflows/cd-backend.yml'
+
+jobs:
+  build:
+    runs-on: graalvm-25
+    permissions:
+      contents: write
+      packages: write
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('**/server/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
+
+      - name: Generate version tag
+        id: version
+        run: |
+          DATE=$(date +'%Y.%m.%d')
+          TAG="api-v${DATE}.${{ github.run_number }}"
+          echo "tag=${TAG}" >> $GITHUB_OUTPUT
+          echo "Generated tag: ${TAG}"
+
+      - name: Build Docker image with Spring Boot
+        working-directory: ./server
+        run: |
+          ./mvnw -Pnative -DskipTests spring-boot:build-image \
+            -Dspring-boot.build-image.imageName=rmcampos/tasknote-api:latest \
+            -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:0.0.505
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Extract metadata for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: rmcampos/tasknote-api
+          tags: |
+            type=raw,value=${{ steps.version.outputs.tag }}
+            type=raw,value=latest,enable={{ is_default_branch }}
+
+      - name: Tag and push Docker image
+        run: |
+          docker tag docker.io/rmcampos/tasknote-api:latest docker.io/rmcampos/tasknote-api:${{ steps.version.outputs.tag }}
+          docker push docker.io/rmcampos/tasknote-api:latest
+          docker push docker.io/rmcampos/tasknote-api:${{ steps.version.outputs.tag }}
+
+      - name: Output Docker image URLs
+        run: |
+          echo ""
+          echo "=========================================="
+          echo "🚀 Docker Images Published Successfully!"
+          echo "=========================================="
+          echo ""
+          echo "API Image:"
+          echo "  rmcampos/tasknote-api:${{ steps.version.outputs.tag }}"
+          echo "  rmcampos/tasknote-api:latest"
+          echo ""
+          echo "=========================================="
+
+      - name: Create and push Git tag
+        run: |
+          git config user.name "gitea-actions[bot]"
+          git config user.email "gitea-actions[bot]@noreply.lightroasted.vps-kinghost.net"
+          git tag -a ${{ steps.version.outputs.tag }} -m "Release ${{ steps.version.outputs.tag }}"
+          git push origin ${{ steps.version.outputs.tag }}

.github/workflows/cd-frontend.yml

@@ -0,0 +1,96 @@
+name: Frontend CD
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [ main ]
+    paths:
+      - 'client/**'
+      - '.github/workflows/frontend-cd.yml'
+
+jobs:
+  build:
+    runs-on: easynode-debian
+    permissions:
+      contents: write
+      packages: write
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache npm dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-npm-${{ hashFiles('**/client/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-npm-
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ./client
+
+      - name: Run build
+        run: npm run build
+        working-directory: ./client
+
+      - name: Generate version tag
+        id: version
+        run: |
+          DATE=$(date +'%Y.%m.%d')
+          TAG="app-v${DATE}.${{ github.run_number }}"
+          echo "tag=${TAG}" >> $GITHUB_OUTPUT
+          echo "Generated tag: ${TAG}"
+
+      - name: Set up Docker Buildx
+        run: docker buildx inspect --bootstrap
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Extract metadata for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: rmcampos/tasknote-app
+          tags: |
+            type=raw,value=${{ steps.version.outputs.tag }}
+            type=raw,value=latest,enable={{ is_default_branch }}
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: ./client
+          push: true
+          tags: |
+            ${{ steps.meta.outputs.tags }}
+            rmcampos/tasknote-app:${{ steps.version.outputs.tag }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=registry,ref=rmcampos/tasknote-app:buildcache
+          cache-to: type=registry,ref=rmcampos/tasknote-app:buildcache,mode=max
+          build-args: |
+            VITE_BUILD=${{ steps.version.outputs.tag }}
+
+      - name: Output Docker image URLs
+        run: |
+          echo ""
+          echo "=========================================="
+          echo "🚀 Docker Images Published Successfully!"
+          echo "=========================================="
+          echo ""
+          echo "App Image:"
+          echo "  rmcampos/tasknote-app:${{ steps.version.outputs.tag }}"
+          echo "  rmcampos/tasknote-app:latest"
+          echo ""
+          echo "=========================================="
+
+      - name: Create and push Git tag
+        run: |
+          git config user.name "gitea-actions[bot]"
+          git config user.email "gitea-actions[bot]@noreply.lightroasted.vps-kinghost.net"
+          git tag -a ${{ steps.version.outputs.tag }} -m "Release ${{ steps.version.outputs.tag }}"
+          git push origin ${{ steps.version.outputs.tag }}

.github/workflows/cd-main.yml

@@ -1,172 +0,0 @@
-name: Main CD-Deploy to Prod
-
-on:
-  workflow_dispatch:
-    inputs:
-      backend_image:
-        description: "Backend image tag (full image reference)"
-        required: false
-      frontend_image:
-        description: "Frontend image tag (full image reference)"
-        required: false
-      apply:
-        description: "Apply changes after plan"
-        required: false
-        default: "true"
-  workflow_run:
-    workflows: [ "Main CI-Backend", "Main CI-Frontend" ]
-    types: [ completed ]
-
-jobs:
-  terraform-plan:
-    if: ${{ github.event_name != 'workflow_run' || github.event.workflow_run.conclusion == 'success' }}
-    runs-on: ubuntu-latest
-    outputs:
-      no_changes: ${{ steps.check-changes.outputs.no_changes }}
-    permissions:
-      contents: read
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
-
-      - name: Setup Terraform
-        uses: hashicorp/setup-terraform@v3
-
-      - name: Setup kubectl
-        uses: azure/setup-kubectl@v4
-
-      - name: Setup Kubeconfig
-        run: |
-          mkdir -p ~/.kube
-          echo "${{ secrets.KUBECONFIG_DATA }}" | base64 -d > ~/.kube/config
-          chmod 600 ~/.kube/config
-
-      - name: Validate cluster access
-        run: |
-          kubectl cluster-info
-          kubectl get namespace tasknote
-
-      - name: Determine deployment values
-        id: deploy-vars
-        run: |
-          backend_image="${{ github.event.inputs.backend_image }}"
-          frontend_image="${{ github.event.inputs.frontend_image }}"
-
-          latest_backend_tag_tmp="$(git tag --list 'api-v*' | sort -V | tail -n1)"
-          latest_backend_tag="${latest_backend_tag_tmp#api-v}"
-          latest_frontend_tag="$(git tag --list 'app-v*' | sort -V | tail -n1)"
-
-          if [ -z "$latest_backend_tag" ]; then
-            echo "No backend tag found matching [0-9]*" >&2
-            exit 1
-          fi
-
-          if [ -z "$latest_frontend_tag" ]; then
-            echo "No frontend tag found matching app-v*" >&2
-            exit 1
-          fi
-
-          if [ -z "$backend_image" ]; then
-            backend_image="ghcr.io/rmcampos/tasknote/api:$latest_backend_tag"
-          fi
-          if [ -z "$frontend_image" ]; then
-            frontend_image="ghcr.io/rmcampos/tasknote/app:$latest_frontend_tag"
-          fi
-
-          echo "Resolved backend_image=$backend_image"
-          echo "Resolved frontend_image=$frontend_image"
-
-          echo "backend_image=$backend_image" >> "$GITHUB_OUTPUT"
-          echo "frontend_image=$frontend_image" >> "$GITHUB_OUTPUT"
-
-      - name: Terraform Fmt -check -diff
-        working-directory: terraform
-        run: terraform fmt -check -diff
-
-      - name: Terraform Init
-        working-directory: terraform
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
-        run: terraform init -input=false
-
-      - name: Terraform Validate
-        working-directory: terraform
-        run: terraform validate
-
-      - name: Terraform Plan
-        id: check-changes
-        working-directory: terraform
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
-        run: |
-          timeout 1m terraform plan -input=false -out=tfplan \
-            -var="db_user=${{ secrets.DB_USER }}" \
-            -var="db_password=${{ secrets.DB_PASSWORD }}" \
-            -var="db_name=${{ secrets.DB_NAME }}" \
-            -var="security_key=${{ secrets.JWT_SECURITY_KEY }}" \
-            -var="mailgun_apikey=${{ secrets.MAILGUN_API_KEY }}" \
-            -var="backend_image=${{ steps.deploy-vars.outputs.backend_image }}" \
-            -var="frontend_image=${{ steps.deploy-vars.outputs.frontend_image }}"
-          terraform show -json tfplan > tfplan.json
-          if jq -e '.resource_changes | length == 0' tfplan.json >/dev/null; then
-            echo "no_changes=true" >> "$GITHUB_OUTPUT"
-            echo "No changes to apply."
-            exit 0
-          else
-            echo "Changes detected. Proceeding with apply"
-            echo "no_changes=false" >> "$GITHUB_OUTPUT"
-          fi
-
-      - name: Upload plan artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: tfplan
-          path: terraform/tfplan
-
-  terraform-apply:
-    runs-on: ubuntu-latest
-    needs: terraform-plan
-    if: >
-      (github.event_name == 'push' || github.event_name == 'workflow_run' || inputs.apply == 'true')
-      && needs.terraform-plan.outputs.no_changes == 'false'
-    environment:
-      name: production
-      url: https://tasknote.darkroasted.vps-kinghost.net
-    permissions:
-      contents: read
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-
-      - name: Setup Terraform
-        uses: hashicorp/setup-terraform@v3
-
-      - name: Download plan artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: tfplan
-          path: terraform
-
-      - name: Setup Kubeconfig
-        run: |
-          mkdir -p ~/.kube
-          echo "${{ secrets.KUBECONFIG_DATA }}" | base64 -d > ~/.kube/config
-          chmod 600 ~/.kube/config
-
-      - name: Terraform Init
-        working-directory: terraform
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
-        run: terraform init -input=false
-
-      - name: Terraform Apply
-        working-directory: terraform
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
-        run: timeout 1m terraform apply tfplan

.github/workflows/ci-main-backend.yml

@@ -1,101 +0,0 @@
-name: Main CI-Backend
-
-on:
-  workflow_dispatch:
-  push:
-    branches:
-      - main
-    paths:
-      - 'server/**/*.java'
-      - 'server/**/*.xml'
-      - 'server/pom.xml'
-      - '.github/workflows/main-server.yml'
-
-jobs:
-  build-and-push:
-    name: Build & Push
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      packages: write
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
-
-      - name: Set lowercase repo name
-        id: repo
-        run: echo "name=${GITHUB_REPOSITORY,,}" >> $GITHUB_OUTPUT
-
-      - name: Set up Java
-        uses: actions/setup-java@v4
-        with:
-          distribution: 'temurin'
-          java-version: '25'
-          cache: 'maven'
-
-      - name: Increment version in pom.xml
-        id: version
-        working-directory: ./server
-        run: |
-          # Extract current version from pom.xml
-          CURRENT_VERSION=$(./mvnw help:evaluate -Dexpression=project.version -q -DforceStdout)
-          echo "Current version: ${CURRENT_VERSION}"
-
-          # Increment version
-          NEW_VERSION=$((CURRENT_VERSION + 1))
-          echo "New version: ${NEW_VERSION}"
-
-          # Update pom.xml with new version
-          ./mvnw versions:set -DnewVersion=${NEW_VERSION} -DgenerateBackupFiles=false -q
-
-          # Output for later steps
-          echo "version=${NEW_VERSION}" >> $GITHUB_OUTPUT
-
-      - name: Commit version bump
-        run: |
-          git config user.name "github-actions[bot]"
-          git config user.email "github-actions[bot]@users.noreply.github.com"
-          git add server/pom.xml
-          git commit -m "chore: bump api version to ${{ steps.version.outputs.version }} [skip ci]"
-          git push
-
-      - name: Log in to GitHub Container Registry
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Find PR number
-        id: find_pr
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          PR_NUMBER=$(gh pr list --search "${{ github.sha }}" --state merged --json number --jq '.[0].number')
-          if [ -z "$PR_NUMBER" ]; then
-            echo "No merged PR found for this commit. Falling back to 'candidate' tag."
-            PR_NUMBER="candidate"
-          else
-            PR_NUMBER="pr-${PR_NUMBER}"
-          fi
-          echo "tag=${PR_NUMBER}" >> $GITHUB_OUTPUT
-
-      - name: Promote Docker image
-        run: |
-          docker buildx imagetools create \
-            --tag ghcr.io/${{ steps.repo.outputs.name }}/api:latest \
-            --tag ghcr.io/${{ steps.repo.outputs.name }}/api:${{ steps.version.outputs.version }} \
-            ghcr.io/${{ steps.repo.outputs.name }}/api:${{ steps.find_pr.outputs.tag }}
-
-      - name: Create and push Git tag
-        run: |
-          git config user.name "github-actions[bot]"
-          git config user.email "github-actions[bot]@users.noreply.github.com"
-          git tag -a api-v${{ steps.version.outputs.version }} -m "Release API v${{ steps.version.outputs.version }}"
-          git push origin api-v${{ steps.version.outputs.version }}

.github/workflows/ci-main-frontend.yml

@@ -1,83 +0,0 @@
-name: Main CI-Frontend
-
-on:
-  workflow_dispatch:
-  push:
-    branches:
-      - main
-    paths:
-      - 'client/**/*.html'
-      - 'client/**/*.png'
-      - 'client/**/*.json'
-      - 'client/**/*.txt'
-      - 'client/**/*.ts'
-      - 'client/**/*.tsx'
-      - 'client/**/*.js'
-      - 'client/Dockerfile'
-      - 'client/Caddyfile'
-      - '.github/workflows/main-client.yml'
-
-jobs:
-  build-and-push:
-    name: Build & Push
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      packages: write
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
-
-      - name: Set lowercase repo name
-        id: repo
-        run: echo "name=${GITHUB_REPOSITORY,,}" >> $GITHUB_OUTPUT
-
-      - name: Generate version tag
-        id: version
-        run: |
-          DATE=$(date +'%Y.%m.%d')
-          TAG="app-v${DATE}.${{ github.run_number }}"
-          echo "tag=${TAG}" >> $GITHUB_OUTPUT
-          echo "Generated tag: ${TAG}"
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Log in to GitHub Container Registry
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Find PR number
-        id: find_pr
-        env:
-          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: |
-          PR_NUMBER=$(gh pr list --search "${{ github.sha }}" --state merged --json number --jq '.[0].number')
-          if [ -z "$PR_NUMBER" ]; then
-            echo "No merged PR found for this commit. Falling back to 'candidate' tag."
-            PR_NUMBER="candidate"
-          else
-            PR_NUMBER="pr-${PR_NUMBER}"
-          fi
-          echo "tag=${PR_NUMBER}" >> $GITHUB_OUTPUT
-
-      - name: Promote Docker image
-        run: |
-          docker buildx imagetools create \
-            --tag ghcr.io/${{ steps.repo.outputs.name }}/app:latest \
-            --tag ghcr.io/${{ steps.repo.outputs.name }}/app:${{ steps.version.outputs.tag }} \
-            ghcr.io/${{ steps.repo.outputs.name }}/app:${{ steps.find_pr.outputs.tag }}
-
-      - name: Create and push Git tag
-        run: |
-          git config user.name "github-actions[bot]"
-          git config user.email "github-actions[bot]@users.noreply.github.com"
-          git tag -a ${{ steps.version.outputs.tag }} -m "Release ${{ steps.version.outputs.tag }}"
-          git push origin ${{ steps.version.outputs.tag }}
-

.github/workflows/ci-pr-backend.yml

@@ -1,129 +0,0 @@
-name: Pull Request CI-Backend
-
-on:
-  workflow_dispatch:
-  pull_request:
-    types: [opened, synchronize, reopened]
-    branches:
-      - 'main'
-    paths:
-      - 'server/**/*.java'
-      - 'server/**/*.xml'
-      - 'server/pom.xml'
-      - '.github/workflows/server-ci.yml'
-
-jobs:
-  run-checks:
-    name: Checks
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
-
-      - name: Set up Java
-        uses: actions/setup-java@v4
-        with:
-          distribution: 'temurin'
-          java-version: '25'
-          cache: 'maven'
-          cache-dependency-path: 'server/pom.xml'
-
-      - name: Run Check Style
-        working-directory: ./server
-        run: ./mvnw --no-transfer-progress checkstyle:check -Dcheckstyle.skip=false
-
-      - name: Run build
-        working-directory: ./server
-        run: ./mvnw --no-transfer-progress clean compile -DskipTests
-
-      - name: Run tests
-        working-directory: ./server
-        run: ./mvnw --no-transfer-progress clean verify -P tests --file pom.xml
-
-  build-and-push:
-    name: Build & Push
-    runs-on: ubuntu-latest
-    needs: ["run-checks"]
-    permissions:
-      contents: read
-      deployments: write
-      packages: write
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
-
-      - name: Set lowercase repo name
-        id: repo
-        run: echo "name=${GITHUB_REPOSITORY,,}" >> $GITHUB_OUTPUT
-
-      - name: Set up Java
-        uses: actions/setup-java@v4
-        with:
-          distribution: 'temurin'
-          java-version: '25'
-          cache: 'maven'
-          cache-dependency-path: 'server/pom.xml'
-
-      - name: Log in to GitHub Container Registry
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Cache Buildpack layers
-        uses: actions/cache@v4
-        with:
-          path: |
-            ~/.cache/reproducible-builds
-          key: ${{ runner.os }}-buildpack-${{ hashFiles('server/pom.xml') }}
-          restore-keys: |
-            ${{ runner.os }}-buildpack-
-  
-      - name: Build Docker image with Spring Boot
-        working-directory: ./server
-        run: |
-          ./mvnw -Pnative -DskipTests spring-boot:build-image \
-            -Dspring-boot.build-image.imageName=ghcr.io/${{ steps.repo.outputs.name }}/api:latest \
-            -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:latest
-
-      - name: Tag and push Docker image
-        run: |
-          docker tag ghcr.io/${{ steps.repo.outputs.name }}/api:latest ghcr.io/${{ steps.repo.outputs.name }}/api:candidate
-          docker tag ghcr.io/${{ steps.repo.outputs.name }}/api:latest ghcr.io/${{ steps.repo.outputs.name }}/api:pr-${{ github.event.pull_request.number }}
-          docker push ghcr.io/${{ steps.repo.outputs.name }}/api:candidate
-          docker push ghcr.io/${{ steps.repo.outputs.name }}/api:pr-${{ github.event.pull_request.number }}
-
-      - name: Create GitHub deployment for staging
-        if: ${{ github.event_name == 'pull_request' }}
-        uses: actions/github-script@v6
-        with:
-          script: |
-            const ref = context.payload.pull_request.head.sha;
-            const env = 'staging';
-            const resp = await github.rest.repos.createDeployment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              ref,
-              required_contexts: [],
-              environment: env,
-              description: `PR #${context.payload.pull_request.number} preview deployment`,
-              transient_environment: true,
-              auto_merge: false
-            });
-            // create a deployment status pointing to the staging URL
-            await github.rest.repos.createDeploymentStatus({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              deployment_id: resp.data.id,
-              state: 'success',
-              environment_url: 'https://tasknote-stg.darkroasted.vps-kinghost.net'
-            });

.github/workflows/ci-pr-frontend.yml

@@ -1,134 +0,0 @@
-name: Pull Request CI-Frontend
-
-on:
-  workflow_dispatch:
-  pull_request:
-    types: [opened, synchronize, reopened]
-    branches:
-      - 'main'
-    paths:
-      - 'client/**/*.html'
-      - 'client/**/*.png'
-      - 'client/**/*.json'
-      - 'client/**/*.txt'
-      - 'client/**/*.ts'
-      - 'client/**/*.tsx'
-      - 'client/**/*.js'
-      - 'client/Dockerfile'
-      - 'client/Caddyfile'
-      - '.github/workflows/client-ci.yml'
-
-jobs:
-  run-checks:
-    name: Checks
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-        with:
-          fetch-depth: 0
-
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
-        with:
-          node-version: '20'
-          cache: 'npm'
-
-      - name: Install dependencies
-        run: npm install
-        working-directory: ./client
-
-      - name: Run lint
-        run: npm run lint
-        working-directory: ./client
-
-      - name: Run build
-        run: npm run build
-        working-directory: ./client
-
-      - name: Run tests
-        run: npm run test:no-watch
-        working-directory: ./client
-
-  build-and-push:
-    name: Build & Push
-    runs-on: ubuntu-latest
-    needs: ["run-checks"]
-    permissions:
-      contents: write
-      packages: write
-      deployments: write
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v3
-
-      - name: Log in to GitHub Container Registry
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Extract metadata for Docker
-        id: meta
-        uses: docker/metadata-action@v5
-        with:
-          images: ghcr.io/${{ github.repository }}/app
-          tags: |
-            type=raw,value=candidate
-            type=raw,value=pr-${{ github.event.pull_request.number }}
-
-      - name: Generate version tag
-        id: version
-        run: |
-          DATE=$(date +'%Y.%m.%d')
-          TAG="app-v${DATE}.${{ github.run_number }}"
-          echo "tag=${TAG}" >> $GITHUB_OUTPUT
-          echo "Generated tag: ${TAG}"
-
-      - name: Build and push Docker image
-        uses: docker/build-push-action@v5
-        with:
-          context: ./client
-          push: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-          cache-from: type=gha
-          cache-to: type=gha,mode=max
-          build-args: |
-            VITE_BUILD=${{ steps.version.outputs.tag }}
-
-      - name: Create GitHub deployment for staging
-        if: ${{ github.event_name == 'pull_request' }}
-        uses: actions/github-script@v6
-        with:
-          script: |
-            const ref = context.payload.pull_request.head.sha;
-            const env = 'staging';
-            const resp = await github.rest.repos.createDeployment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              ref,
-              required_contexts: [],
-              environment: env,
-              description: `PR #${context.payload.pull_request.number} preview deployment`,
-              transient_environment: true,
-              auto_merge: false
-            });
-            // create a deployment status pointing to the staging URL
-            await github.rest.repos.createDeploymentStatus({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              deployment_id: resp.data.id,
-              state: 'success',
-              environment_url: 'https://tasknote-stg.darkroasted.vps-kinghost.net'
-            });

.github/workflows/ci.yml

@@ -0,0 +1,74 @@
+name: CI
+
+on:
+  pull_request:
+    branches: ['**/*']
+
+jobs:
+  build-backend:
+    name: Build Backend
+    runs-on: graalvm-25
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('**/server/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
+
+      - name: Run Check Style
+        working-directory: ./server
+        run: ./mvnw --no-transfer-progress checkstyle:check -Dcheckstyle.skip=false
+
+      - name: Run build
+        working-directory: ./server
+        run: ./mvnw --no-transfer-progress clean compile -DskipTests
+
+      - name: Run tests
+        working-directory: ./server
+        run: ./mvnw --no-transfer-progress clean verify -P tests --file pom.xml
+
+  build-frontend:
+    name: Build Frontend
+    runs-on: easynode-debian
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache npm dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-npm-${{ hashFiles('**/client/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-npm-
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ./client
+
+      - name: Run lint
+        run: npm run lint
+        working-directory: ./client
+
+      - name: Run build
+        run: npm run build
+        working-directory: ./client
+
+      - name: Run tests
+        run: npm run test:no-watch
+        working-directory: ./client

.github/workflows/deploy.yml

@@ -0,0 +1,134 @@
+name: Deploy to Prod
+
+concurrency:
+  group: deploy-production
+  cancel-in-progress: true
+
+on:
+  workflow_dispatch:
+    inputs:
+      backend_image:
+        description: "Backend image tag (full image reference)"
+        required: false
+      frontend_image:
+        description: "Frontend image tag (full image reference)"
+        required: false
+      apply:
+        description: "Apply changes after plan"
+        required: false
+        default: "true"
+  workflow_run:
+    workflows: [ "Backend CD", "Frontend CD" ]
+    types: [ completed ]
+
+jobs:
+  terraform-plan:
+    if: ${{ github.event_name != 'workflow_run' || github.event.workflow_run.conclusion == 'success' }}
+    runs-on: easynode-debian
+    outputs:
+      has_changes: ${{ steps.check-changes.outputs.has_changes }}
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Terraform
+        uses: hashicorp/setup-terraform@v3
+
+      - name: Setup kubectl
+        uses: azure/setup-kubectl@v4
+
+      - name: Setup Doppler CLI
+        uses: dopplerhq/cli-action@v4
+
+      - name: Setup Kubeconfig
+        env:
+          DOPPLER_TOKEN: ${{ secrets.DOPPLER_AT_SECRETS }}
+        run: |
+          mkdir -p ~/.kube
+          doppler run --config prd -- bash -c 'echo "$KUBECONFIG_DATA" | base64 -d > ~/.kube/config'
+          chmod 600 ~/.kube/config
+
+      - name: Validate cluster access
+        run: |
+          kubectl cluster-info
+          kubectl get namespace tasknote
+
+      - name: Determine deployment values
+        id: deploy-vars
+        run: |
+          backend_image="${{ github.event.inputs.backend_image }}"
+          frontend_image="${{ github.event.inputs.frontend_image }}"
+
+          latest_backend_tag="$(git tag --list 'api-v*' | sort -V | tail -n1)"
+          echo "latest backend tag=$latest_backend_tag"
+
+          latest_frontend_tag="$(git tag --list 'app-v*' | sort -V | tail -n1)"
+          echo "latest frontend tag=$latest_frontend_tag"
+
+          if [ -z "$backend_image" ]; then
+            backend_image="docker.io/rmcampos/tasknote-api:$latest_backend_tag"
+          fi
+          if [ -z "$frontend_image" ]; then
+            frontend_image="docker.io/rmcampos/tasknote-app:$latest_frontend_tag"
+          fi
+
+          echo "Resolved backend_image=$backend_image"
+          echo "Resolved frontend_image=$frontend_image"
+
+          echo "backend_image=$backend_image" >> "$GITHUB_OUTPUT"
+          echo "frontend_image=$frontend_image" >> "$GITHUB_OUTPUT"
+
+      - name: Terraform Fmt -check -diff
+        working-directory: terraform
+        run: terraform fmt -check -diff
+
+      - name: Terraform Init
+        working-directory: terraform
+        env:
+          DOPPLER_TOKEN: ${{ secrets.DOPPLER_AT_SECRETS }}
+        run: doppler run --config prd -- terraform init -input=false
+
+      - name: Terraform Validate
+        working-directory: terraform
+        run: terraform validate
+
+      - name: Terraform Plan
+        id: check-changes
+        working-directory: terraform
+        env:
+          DOPPLER_TOKEN: ${{ secrets.DOPPLER_AT_SECRETS }}
+          BACKEND_IMAGE: ${{ steps.deploy-vars.outputs.backend_image }}
+          FRONTEND_IMAGE: ${{ steps.deploy-vars.outputs.frontend_image }}
+        run: |
+          doppler run --config prd -- bash -c '
+            TF_VAR_db_user="$DB_USER" \
+            TF_VAR_db_password="$DB_PASSWORD" \
+            TF_VAR_db_name="$DB_NAME" \
+            TF_VAR_security_key="$SECURITY_KEY" \
+            TF_VAR_mailgun_apikey="$MAILGUN_APIKEY" \
+            TF_VAR_r2_access_key="$AWS_ACCESS_KEY_ID" \
+            TF_VAR_r2_secret_key="$AWS_SECRET_ACCESS_KEY" \
+            TF_VAR_backend_image="$BACKEND_IMAGE" \
+            TF_VAR_frontend_image="$FRONTEND_IMAGE" \
+            timeout 1m terraform plan -input=false -out=tfplan
+          '
+          terraform show -json tfplan > tfplan.json
+          if jq -e '.resource_changes | length == 0' tfplan.json >/dev/null; then
+            echo "has_changes=false" >> "$GITHUB_OUTPUT"
+            echo "No changes to apply."
+            exit 0
+          else
+            echo "Changes detected. Proceeding with apply"
+            echo "has_changes=true" >> "$GITHUB_OUTPUT"
+          fi
+
+      - name: Terraform Apply
+        working-directory: terraform
+        if: steps.check-changes.outputs.has_changes == 'true'
+        env:
+          DOPPLER_TOKEN: ${{ secrets.DOPPLER_AT_SECRETS }}
+        run: doppler run --config prd -- timeout 2m terraform apply tfplan

.github/workflows/drop-cd-pr.yml

@@ -2,17 +2,14 @@ name: Pull Request CD-Deploy to Staging
 
 on:
   workflow_dispatch:
-  workflow_run:
-    workflows: [ "Pull Request CI-Backend", "Pull Request CI-Frontend" ]
-    types: [ completed ]
 
 jobs:
   terraform-plan-stg:
     name: Plan changs to staging
-    if: ${{ github.event.workflow_run.conclusion == 'success' }}
-    runs-on: ubuntu-latest
+    if: ${{ github.event_name == 'workflow_dispatch' || github.event.workflow_run.conclusion == 'success' }}
+    runs-on: easynode-debian
     outputs:
-      no_changes: ${{ steps.check-changes.outputs.no_changes }}
+      has_changes: ${{ steps.check-changes.outputs.has_changes }}
     permissions:
       contents: read
     steps:
@@ -24,6 +21,10 @@ jobs:
       - name: Setup Terraform
         uses: hashicorp/setup-terraform@v3
 
+      - name: Show Terraform provider versions
+        working-directory: terraform-stg
+        run: terraform version
+
       - name: Setup kubectl
         uses: azure/setup-kubectl@v4
 
@@ -41,8 +42,8 @@ jobs:
       - name: Determine deployment values
         id: deploy-vars
         run: |
-          backend_image="ghcr.io/rmcampos/tasknote/api:candidate"
-          frontend_image="ghcr.io/rmcampos/tasknote/app:candidate"
+          backend_image="rmcampos/tasknote-api:candidate"
+          frontend_image="rmcampos/tasknote-app:candidate"
 
           echo "backend_image=$backend_image" >> "$GITHUB_OUTPUT"
           echo "frontend_image=$frontend_image" >> "$GITHUB_OUTPUT"
@@ -69,7 +70,7 @@ jobs:
           AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
         run: |
-          timeout 1m terraform plan -input=false -out=tfplan \
+          timeout 3m terraform plan -input=false -out=tfplan \
             -var="db_user=${{ secrets.DB_USER }}" \
             -var="db_password=${{ secrets.DB_PASSWORD }}" \
             -var="db_name=${{ secrets.DB_NAME }}" \
@@ -80,58 +81,19 @@ jobs:
             -var="deploy_version=${{ github.run_id }}"
           terraform show -json tfplan > tfplan.json
           if jq -e '.resource_changes | length == 0' tfplan.json >/dev/null; then
-            echo "no_changes=true" >> "$GITHUB_OUTPUT"
+            echo "has_changes=false" >> "$GITHUB_OUTPUT"
             echo "No changes to apply."
             exit 0
           else
             echo "Changes detected. Proceeding with apply"
-            echo "no_changes=false" >> "$GITHUB_OUTPUT"
+            echo "has_changes=true" >> "$GITHUB_OUTPUT"
           fi
 
-      - name: Upload plan artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: tfplan
-          path: terraform-stg/tfplan
-
-  terraform-apply:
-    runs-on: ubuntu-latest
-    needs: terraform-plan-stg
-    if: needs.terraform-plan-stg.outputs.no_changes == 'false'
-    environment:
-      name: staging
-      url: https://tasknote-stg.darkroasted.vps-kinghost.net
-    permissions:
-      contents: read
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v6
-
-      - name: Setup Terraform
-        uses: hashicorp/setup-terraform@v3
-
-      - name: Download plan artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: tfplan
-          path: terraform-stg
-
-      - name: Setup Kubeconfig
-        run: |
-          mkdir -p ~/.kube
-          echo "${{ secrets.KUBECONFIG_DATA }}" | base64 -d > ~/.kube/config
-          chmod 600 ~/.kube/config
-
-      - name: Terraform Init
-        working-directory: terraform-stg
-        env:
-          AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
-          AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
-        run: terraform init -input=false
-
       - name: Terraform Apply
         working-directory: terraform-stg
+        if: steps.check-changes.outputs.has_changes == 'true'
         env:
           AWS_ACCESS_KEY_ID: ${{ secrets.R2_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.R2_SECRET_ACCESS_KEY }}
+          KUBE_CONFIG_PATH: ~/.kube/config
         run: timeout 1m terraform apply tfplan

.github/workflows/drop-ci-main-backend.yml

@@ -0,0 +1,88 @@
+name: Main CI-Backend
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-and-push:
+    name: Build & Push
+    runs-on: graalvm-25
+    permissions:
+      contents: write
+      packages: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          token: ${{ secrets.REGISTRY_TOKEN }}
+
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('**/server/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
+
+      - name: Increment version in pom.xml
+        id: version
+        working-directory: ./server
+        run: |
+          CURRENT_VERSION=$(./mvnw help:evaluate -Dexpression=project.version -q -DforceStdout)
+          echo "Current version: ${CURRENT_VERSION}"
+          NEW_VERSION=$((CURRENT_VERSION + 1))
+          echo "New version: ${NEW_VERSION}"
+          ./mvnw versions:set -DnewVersion=${NEW_VERSION} -DgenerateBackupFiles=false -q
+          echo "version=${NEW_VERSION}" >> $GITHUB_OUTPUT
+
+      - name: Commit version bump
+        run: |
+          git config user.name "gitea-actions[bot]"
+          git config user.email "gitea-actions[bot]@noreply.lightroasted.vps-kinghost.net"
+          git add server/pom.xml
+          git commit -m "chore: bump api version to ${{ steps.version.outputs.version }} [skip ci]"
+          git push
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Find PR number
+        id: find_pr
+        run: |
+          PR_NUMBER=$(curl -s \
+            -H "Authorization: token ${{ secrets.REGISTRY_TOKEN }}" \
+            "https://lightroasted.vps-kinghost.net/api/v1/repos/${{ github.repository }}/commits/${{ github.sha }}/pull" \
+            | jq -r 'if type == "object" and .number != null then .number | tostring else empty end')
+          if [ -z "$PR_NUMBER" ]; then
+            echo "No merged PR found for this commit. Falling back to 'candidate' tag."
+            PR_NUMBER="candidate"
+          else
+            PR_NUMBER="pr-${PR_NUMBER}"
+          fi
+          echo "tag=${PR_NUMBER}" >> $GITHUB_OUTPUT
+
+      - name: Promote Docker image
+        run: |
+          docker pull docker.io/rmcampos/tasknote-api:${{ steps.find_pr.outputs.tag }}
+          docker tag docker.io/rmcampos/tasknote-api:${{ steps.find_pr.outputs.tag }} docker.io/rmcampos/tasknote-api:latest
+          docker tag docker.io/rmcampos/tasknote-api:${{ steps.find_pr.outputs.tag }} docker.io/rmcampos/tasknote-api:${{ steps.version.outputs.version }}
+          docker push docker.io/rmcampos/tasknote-api:latest
+          docker push docker.io/rmcampos/tasknote-api:${{ steps.version.outputs.version }}
+
+      - name: Create and push Git tag
+        run: |
+          git config user.name "gitea-actions[bot]"
+          git config user.email "gitea-actions[bot]@noreply.lightroasted.vps-kinghost.net"
+          git tag -a api-v${{ steps.version.outputs.version }} -m "Release API v${{ steps.version.outputs.version }}"
+          git push origin api-v${{ steps.version.outputs.version }}
+
+      - name: Log pushed images
+        run: |
+          echo "Pushed images:"
+          echo "  docker.io/rmcampos/tasknote-api:latest"
+          echo "  docker.io/rmcampos/tasknote-api:${{ steps.version.outputs.version }}"

.github/workflows/drop-ci-main-frontend.yml

@@ -0,0 +1,75 @@
+name: Main CI-Frontend
+
+on:
+  workflow_dispatch:
+
+jobs:
+  build-and-push:
+    name: Build & Push
+    runs-on: easynode-debian
+    permissions:
+      contents: write
+      packages: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Docker Buildx
+        run: docker buildx inspect --bootstrap
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Find PR number
+        id: find_pr
+        run: |
+          PR_NUMBER=$(curl -s \
+            -H "Authorization: token ${{ secrets.REGISTRY_TOKEN }}" \
+            "https://lightroasted.vps-kinghost.net/api/v1/repos/${{ github.repository }}/commits/${{ github.sha }}/pull" \
+            | jq -r 'if type == "object" and .number != null then .number | tostring else empty end')
+          if [ -z "$PR_NUMBER" ]; then
+            echo "No merged PR found for this commit. Falling back to 'candidate' tag."
+            PR_NUMBER="candidate"
+          else
+            PR_NUMBER="pr-${PR_NUMBER}"
+          fi
+          echo "tag=${PR_NUMBER}" >> $GITHUB_OUTPUT
+
+      - name: Extract version from image
+        id: version
+        run: |
+          docker pull rmcampos/tasknote-app:${{ steps.find_pr.outputs.tag }}
+          VITE_BUILD=$(docker inspect rmcampos/tasknote-app:${{ steps.find_pr.outputs.tag }} \
+            --format '{{ range .Config.Env }}{{ println . }}{{ end }}' \
+            | grep '^VITE_BUILD=' | cut -d= -f2)
+          if [ -z "$VITE_BUILD" ]; then
+            echo "Could not extract VITE_BUILD from image" >&2
+            exit 1
+          fi
+          echo "tag=${VITE_BUILD}" >> $GITHUB_OUTPUT
+          echo "Extracted version: ${VITE_BUILD}"
+
+      - name: Promote Docker image
+        run: |
+          docker buildx imagetools create \
+            --tag rmcampos/tasknote-app:latest \
+            rmcampos/tasknote-app:${{ steps.find_pr.outputs.tag }}
+
+      - name: Create and push Git tag
+        run: |
+          git config user.name "gitea-actions[bot]"
+          git config user.email "gitea-actions[bot]@noreply.lightroasted.vps-kinghost.net"
+          git tag -a ${{ steps.version.outputs.tag }} -m "Release ${{ steps.version.outputs.tag }}"
+          git push origin ${{ steps.version.outputs.tag }}
+
+      - name: Log pushed images
+        run: |
+          echo "Pushed images:"
+          echo "  rmcampos/tasknote-app:latest"
+          echo "  rmcampos/tasknote-app:${{ steps.version.outputs.tag }}"

.github/workflows/drop-ci-pr-backend.yml

@@ -0,0 +1,95 @@
+name: Pull Request CI-Backend
+
+on:
+  workflow_dispatch:
+
+jobs:
+  run-checks:
+    name: Checks
+    runs-on: graalvm-25
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('**/server/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
+
+      - name: Run Check Style
+        working-directory: ./server
+        run: ./mvnw --no-transfer-progress checkstyle:check -Dcheckstyle.skip=false
+
+      - name: Run build
+        working-directory: ./server
+        run: ./mvnw --no-transfer-progress clean compile -DskipTests
+
+      - name: Run tests
+        working-directory: ./server
+        run: ./mvnw --no-transfer-progress clean verify -P tests --file pom.xml
+
+  build-and-push:
+    name: Build & Push
+    runs-on: graalvm-25
+    needs: ["run-checks"]
+    permissions:
+      contents: read
+      deployments: write
+      packages: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache Maven dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.m2/repository
+          key: ${{ runner.os }}-maven-${{ hashFiles('**/server/pom.xml') }}
+          restore-keys: |
+            ${{ runner.os }}-maven-
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Build Docker image with Spring Boot
+        working-directory: ./server
+        run: |
+          ./mvnw -Pnative -DskipTests spring-boot:build-image \
+            -Dspring-boot.build-image.imageName=rmcampos/tasknote-api:latest \
+            -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:0.0.505
+
+      - name: Tag and push Docker image
+        run: |
+          docker tag docker.io/rmcampos/tasknote-api:latest docker.io/rmcampos/tasknote-api:candidate
+          docker tag docker.io/rmcampos/tasknote-api:latest docker.io/rmcampos/tasknote-api:pr-${{ github.event.pull_request.number }}
+          docker push docker.io/rmcampos/tasknote-api:candidate
+          docker push docker.io/rmcampos/tasknote-api:pr-${{ github.event.pull_request.number }}
+
+      - name: Create Gitea deployment for staging
+        if: ${{ github.event_name == 'pull_request' }}
+        run: |
+          curl -s -X POST \
+            -H "Authorization: token ${{ secrets.REGISTRY_TOKEN }}" \
+            -H "Content-Type: application/json" \
+            "https://lightroasted.vps-kinghost.net/api/v1/repos/${{ github.repository }}/statuses/${{ github.event.pull_request.head.sha }}" \
+            -d "{\"context\": \"staging/deploy\", \"state\": \"success\", \"description\": \"PR #${{ github.event.pull_request.number }} staging ready\", \"target_url\": \"https://tasknote-stg.darkroasted.vps-kinghost.net\"}"
+
+      - name: Log pushed images
+        run: |
+          echo "Pushed images:"
+          echo "  docker.io/rmcampos/tasknote-api:candidate"
+          echo "  docker.io/rmcampos/tasknote-api:pr-${{ github.event.pull_request.number }}"

.github/workflows/drop-ci-pr-frontend.yml

@@ -0,0 +1,120 @@
+name: Pull Request CI-Frontend
+
+on:
+  workflow_dispatch:
+
+jobs:
+  run-checks:
+    name: Checks
+    runs-on: easynode-debian
+    permissions:
+      contents: read
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Cache npm dependencies
+        uses: actions/cache@v3
+        with:
+          path: ~/.npm
+          key: ${{ runner.os }}-npm-${{ hashFiles('**/client/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-npm-
+
+      - name: Debug cache env
+        run: |
+          echo "CACHE_URL=${ACTIONS_CACHE_URL}"
+          echo "RUNTIME_URL=${ACTIONS_RUNTIME_URL}"
+          curl -s -w "\nHTTP: %{http_code}\n" \
+            -H "Authorization: Bearer ${ACTIONS_RUNTIME_TOKEN}" \
+            "${ACTIONS_CACHE_URL}_apis/artifactcache/cache?keys=test&version=test"
+
+      - name: Install dependencies
+        run: npm install
+        working-directory: ./client
+
+      - name: Run lint
+        run: npm run lint
+        working-directory: ./client
+
+      - name: Run build
+        run: npm run build
+        working-directory: ./client
+
+      - name: Run tests
+        run: npm run test:no-watch
+        working-directory: ./client
+
+  build-and-push:
+    name: Build & Push
+    runs-on: easynode-debian
+    needs: ["run-checks"]
+    permissions:
+      contents: write
+      packages: write
+      deployments: write
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Docker Buildx
+        run: docker buildx inspect --bootstrap
+
+      - name: Log in to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+
+      - name: Extract metadata for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: rmcampos/tasknote-app
+          tags: |
+            type=raw,value=candidate
+            type=raw,value=pr-${{ github.event.pull_request.number }}
+
+      - name: Generate version tag
+        id: version
+        run: |
+          DATE=$(date +'%Y.%m.%d')
+          TAG="app-v${DATE}.${{ github.run_number }}"
+          echo "tag=${TAG}" >> $GITHUB_OUTPUT
+          echo "Generated tag: ${TAG}"
+
+      - name: Build and push Docker image
+        uses: docker/build-push-action@v5
+        with:
+          context: ./client
+          push: true
+          tags: |
+            ${{ steps.meta.outputs.tags }}
+            rmcampos/tasknote-app:${{ steps.version.outputs.tag }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=registry,ref=rmcampos/tasknote-app:buildcache
+          cache-to: type=registry,ref=rmcampos/tasknote-app:buildcache,mode=max
+          build-args: |
+            VITE_BUILD=${{ steps.version.outputs.tag }}
+
+      - name: Create Gitea deployment for staging
+        if: ${{ github.event_name == 'pull_request' }}
+        run: |
+          curl -s -X POST \
+            -H "Authorization: token ${{ secrets.REGISTRY_TOKEN }}" \
+            -H "Content-Type: application/json" \
+            "https://lightroasted.vps-kinghost.net/api/v1/repos/${{ github.repository }}/statuses/${{ github.event.pull_request.head.sha }}" \
+            -d "{\"context\": \"staging/deploy\", \"state\": \"success\", \"description\": \"PR #${{ github.event.pull_request.number }} staging ready\", \"target_url\": \"https://tasknote-stg.darkroasted.vps-kinghost.net\"}"
+
+      - name: Log pushed images
+        run: |
+          echo "Pushed images:"
+          echo "  rmcampos/tasknote-app:candidate"
+          echo "  rmcampos/tasknote-app:pr-${{ github.event.pull_request.number }}"
+          echo "  rmcampos/tasknote-app:${{ steps.version.outputs.tag }}"

.gitignore

@@ -7,6 +7,8 @@ client.pnp.js
 
 # testing
 client/coverage
+client/cypress/videos
+client/cypress/screenshots
 
 # production
 client/build
@@ -34,3 +36,19 @@ yarn-error.log*
 
 # Schema Spy
 schemaspy/output/
+
+# Terraform
+.terraform/
+*.tfstate
+*.tfstate.backup
+*.tfplan
+tfplan
+*.tfvars
+*.tfvars.json
+override.tf
+override.tf.json
+_override.tf
+_override.tf.json
+.terraformrc
+terraform.rc
+

AGENTS.md

@@ -9,22 +9,27 @@
 ## Architecture details that matter
 - Frontend route split is auth-state driven in `client/src/App.tsx` + `client/src/routes/ProtectedRoute/index.tsx`; private screens render through `client/src/layout/PrivateLayout/index.tsx`.
 - Home view (`client/src/views/Home/index.tsx`) is a key integration surface: loads tasks/notes/tags, applies client-side filtering, and drives note sharing (`/rest/notes/{id}/share` + `/public/notes/{token}`).
+- Three React Contexts are active at runtime: `AuthProvider` (JWT lifecycle), `FilterProvider` (search text + option persisted to `localStorage` as `FILTER_TEXT`/`FILTER_OPTION`), and `SidebarProvider` (sidebar open/close state) — all under `client/src/context/`.
 - Backend follows controller -> service -> repository layering (`server/src/main/java/br/com/tasknoteapp/server/{controller,service,repository}`).
+- `HomeController` (`/rest/home`) exposes aggregated data such as `/rest/home/tasks/tags`; it is separate from `TaskController` and `NoteController`.
 - Global API error shape comes from `server/src/main/java/br/com/tasknoteapp/server/controller/RestExceptionController.java`; frontend expects `message` or `fields[].fieldMessage` (`client/src/api-service/api.ts`).
 - Email and password-reset flows are Mailgun-backed (`server/src/main/java/br/com/tasknoteapp/server/service/MailgunEmailService.java`) and use templates under `server/src/main/java/br/com/tasknoteapp/server/templates/` + `mailgun-templates/`.
+- Backend targets **Java 25** and **Spring Boot 4.x** (`server/pom.xml`).
 
 ## Developer workflows (use these first)
 - Frontend quality gate: `bash tools/check-frontend.sh` (runs `npm ci`, `lint:fix`, `build`, `test:no-watch`).
 - Backend quality gate: `bash tools/check-backend.sh` (runs checkstyle, compile, then `clean verify -P tests`).
+- Backend dependency freshness check: `bash tools/check-be-deps.sh` (verifies that `failsafe`, `surefire`, `jacoco`, `checkstyle`, and Spring Boot plugin versions in `pom.xml` match the latest releases on Maven Central; must be run from the repo root or `server/`).
 - Important Maven default: tests/checkstyle/jacoco are skipped unless profile `-P tests` is enabled (`server/pom.xml`).
 - Dev stack via Docker Compose/Taskfile (`Taskfile.yml`, `docker-compose.dev.yml`): app `5000`, API `8585`, Java debug port `5005`, Postgres `5432`.
 - Frontend local dev: run from `client/` with `npm start`; backend local dev: run from `server/` with `./mvnw spring-boot:run`.
 
 ## CI/CD and release behavior
-- PR workflows (`.github/workflows/client-ci.yml`, `.github/workflows/server-ci.yml`) run checks then push `:candidate` images to GHCR.
-- Main workflows (`.github/workflows/main-client.yml`, `.github/workflows/main-server.yml`) push versioned tags + `latest`; backend workflow also increments `server/pom.xml` version.
-- Deploy workflows (`.github/workflows/deploy-stg.yml`, `.github/workflows/deploy.yml`) apply Terraform in `terraform-stg/` and `terraform/` to Kubernetes.
-- Infra wiring (secrets, services, ingress, image vars) is defined in `terraform/main.tf`.
+- PR workflows (`.github/workflows/drop-ci-pr-frontend.yml`, `.github/workflows/drop-ci-pr-backend.yml`) run checks then push `:candidate` and `:pr-<N>` images to GHCR.
+- Main workflows (`.github/workflows/drop-ci-main-frontend.yml`, `.github/workflows/drop-ci-main-backend.yml`) push versioned tags (`app-v<date>.<run>` / `api-v<pom-version>`) + `latest`; backend workflow also increments `server/pom.xml` version.
+- Staging deploy workflow (`.github/workflows/drop-cd-pr.yml`) triggers on completion of either PR CI workflow and applies Terraform in `terraform-stg/` using a plan→apply split.
+- Production deploy workflow (`.github/workflows/deploy.yml`) triggers on completion of either Main CI workflow and applies Terraform in `terraform/` using a plan→apply split; `apply` can be skipped if there are no Terraform changes.
+- Infra wiring (secrets, services, ingress, image vars) is defined in `terraform/main.tf`; an alternative GCP target is under `terraform-gcp/`.
 
 ## Project conventions to preserve
 - Frontend style is ESLint flat config + stylistic rules (2-space indent, single quotes, semicolons) in `client/eslint.config.mjs`.
@@ -37,4 +42,3 @@
 - Keep API contract compatibility with frontend `ApiConfig` paths; changing endpoint paths requires synchronized client updates.
 - When changing auth/session behavior, update both backend filters/controllers and frontend `AuthProvider` token lifecycle.
 - If you change CI/build/deploy commands, update both `README.md` and this `AGENTS.md` to keep workflows discoverable.
-

CHANGELOG.md

@@ -0,0 +1,302 @@
+# Changelog
+
+All notable changes to Tasknote will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## 2026-07-28
+
+### Added
+- Option to archive notes.
+
+### Changed
+- Notes should be archived before deleting.
+
+```bash
+# Docker images
+docker pull rmcampos/tasknote-app:app-v2026.07.28.000
+docker pull rmcampos/tasknote-api:api-v2026.07.28.000
+```
+
+## 2026-07-23
+
+### Added
+- Section for completed tasks in the home page..
+- Icons in tasks and notes to differentiate them.
+- Modal confirming before delete tasks and notes.
+
+### Changed
+- Completed tasks are now kept in the database, unless deleted.
+- Buttons in home screen notes view to match the system design.
+- Add task form to be easier to see and better structured.
+- Delete my account buttons layout to match the system design.
+- Loaded tasks now has a light yellow styling.
+
+```bash
+# Docker images
+docker pull rmcampos/tasknote-app:app-v2026.07.23.190
+docker pull rmcampos/tasknote-api:api-v2026.07.23.189
+```
+
+### Fixed
+- Dropped the untagged tag from loading in the add notes and tasks form.
+
+## 2026-07-22
+
+### Added
+- Button to save notes from the preview modal. Closes [#15](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/issues/15)
+
+### Changed
+- Removed deployments to staging in PR pipelines. PR only runs CI now. Closes [#14](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/issues/14)
+
+### Removed
+- Old files from project and moved scripts to `tools` folder.
+
+```bash
+# Docker images
+docker pull rmcampos/tasknote-app:app-v2026.07.22.161
+docker pull rmcampos/tasknote-api:api-v2026.07.22.169
+```
+
+## 2026-07-20
+
+### Changed
+- Labels in tasks due date to use the time ago format.
+- Bumped all minor deps in the frontend.
+
+### Fixed
+- Background image position in landing, login and register pages.
+
+### Removed
+- React Date Picker dependency in favor of regular browser input date UI.
+
+```bash
+# Docker images
+docker pull rmcampos/tasknote-app:app-v2026.07.20.161
+```
+
+## 2026-07-01
+
+### Added
+- Support for `Draft` notes and tasks.
+- Memory for open notes in the home page, if a tab is closed, the app will remember.
+
+### Fixed
+- Frontend app build version release getting lost in workflows. 
+
+### Security
+- Addressed a list of critical security issues including validations, logging, and passwords.
+
+### Docker images
+- `rmcampos/tasknote-app:app-v2026.07.01.140`
+
+### Changed
+- Bumped client minor and major dependencies.
+
+### Docker images
+- `rmcampos/tasknote-app:app-v2026.06.25.102`
+
+## api-v32 && app-v2026.06.15.97 - 2026-06-15
+
+### Changed
+- Bumped Spring Boot to 4.0.7
+- CI/CD workflow files updated to run on Gitea.
+- Container registry switched to Docker Hub.
+
+### Docker images
+- [rmcampos/tasknote-api:32](https://hub.docker.com/layers/rmcampos/tasknote-api/32/images/sha256-4b719a08dbed4a9d4a6eece0059573954ee5193ab8247787fb0e30c037f6b1c6)
+- [rmcampos/tasknote-app:app-v2026.06.15.97](https://hub.docker.com/layers/rmcampos/tasknote-app/app-v2026.06.15.97/images/sha256-945a215a7105e34f97ab8e43094092e157156c0b557364260c019c4036cf845d)
+
+## [app-v2026.06.08.22](https://github.com/RMCampos/tasknote/releases/tag/app-v2026.06.08.22) - 2026-06-08
+
+### Added
+- Shell Script to confirm new users using docker and sql;
+
+### Changed
+- Bumped frontend dependencies to latest versions;
+  - `@types/node` from `25.9.1` to `25.9.2`
+  - `dompurify` from `3.4.7` to `3.4.8`
+  - `i18next` from `26.3.0` to `26.3.1`
+  - `react` from `19.2.6` to `19.2.7`
+  - `react-dom` from `19.2.6` to `19.2.7`
+  - `react-router` from `7.16.0` to `7.17.0`
+  - `@types/react` from `19.2.15` to `19.2.17`
+  - `eslint-plugin-n` from `18.0.1` to `18.1.0`
+  - `typescript-eslint` from `8.60.0` to `8.61.0`
+- Ngrok and Dev Docker composer files to run using local users id and group id (`UID` and `GID`);
+
+## [app-v2026.06.08.21](https://github.com/RMCampos/tasknote/releases/tag/app-v2026.06.08.21) - 2026-06-08
+
+### Changed
+- The About page to list all current features and tech stack. ([#62](https://github.com/RMCampos/tasknote/issues/62))
+
+## [app-v2026.06.01.20] - 2026-06-01
+
+### Changed
+- Bumped backend and frontend dependencies to latest versions. (#61)
+
+## [app-v2026.05.26.19] - 2026-05-26
+
+### Added
+- SDD and DDD specification files for AI-assisted development, including Spec 001 implementation. (#60)
+
+## [app-v2026.05.19.18] - 2026-05-19
+
+### Changed
+- Auth session refresh now uses server-authoritative current user data instead of stale client state. (#59)
+
+## [app-v2026.05.18.17] - 2026-05-18
+
+### Added
+- Last activity date/time is now tracked and displayed for tasks and notes. (#57)
+
+## [app-v2026.05.17.16] - 2026-05-17
+
+### Added
+- Users must confirm their email address before they can log in. (#56)
+- Migrated app to new domain with Traefik redirect middleware. (#53)
+
+### Fixed
+- Mailgun authentication error (401) when sending emails. (#55)
+- New domain correctly allowed in CORS and CSP configuration. (#54)
+
+## [app-v2026.05.13.15] - 2026-05-13
+
+### Changed
+- Dropped refresh token logic; auth now relies solely on short-lived access tokens, simplifying the session flow. (#51)
+
+## [app-v2026.05.13.14] - 2026-05-13
+
+### Added
+- Cypress E2E tests covering Home, Task, and Notes management flows. (#46)
+- Cypress E2E tests for authentication flows. (#39)
+- Scheduled database backups. (#48)
+
+### Fixed
+- Premature route resolution before initial auth check completes. (#45)
+- Blocked inline styles in CSP via SHA-256 hash in `style-src`. (#43)
+- Frontend test warnings and errors. (#37)
+
+### Changed
+- Upgraded Vite to v8. (#35)
+
+## [app-v2026.04.29.4] - 2026-04-29
+
+### Added
+- Gemini CLI commands and updated AI agent configuration.
+
+### Changed
+- Upgraded TypeScript to v6. (#34)
+
+## [app-v2026.04.29.3] - 2026-04-29
+
+### Changed
+- Updated client dependencies to latest minor versions. (#33, #32)
+
+## [app-v2026.04.16.1] - 2026-04-16
+
+### Added
+- Dev environment config files and scripts to run the app locally on VPS. (#29)
+
+### Security
+- Improved security posture and added protections against XSS attacks. (#30)
+
+## [app-v2026.04.08.20] - 2026-04-08
+
+### Added
+- GitHub Actions workflow for building server candidate images.
+
+### Changed
+- Bumped Spring Boot to 4.0.5. (#27)
+
+## [app-v2026.04.06.19] - 2026-04-06
+
+### Added
+- Kubernetes CD pipeline via GitHub Actions.
+- Dev container for Java development.
+- Workflow skips deployment when no source changes detected.
+
+## [app-v2026.03.17.17] - 2026-03-17
+
+### Fixed
+- Missing email templates and configuration for new domain.
+
+## [app-v2026.03.16.16] - 2026-03-16
+
+### Fixed
+- Backend memory leak and state management issues. (#23)
+- Error messages not propagating back to client in Spring v4.
+
+### Changed
+- Updated error messages and translations for improved user feedback.
+
+## [app-v2026.02.28.15] - 2026-02-28
+
+### Added
+- Public note sharing: users can share a note via a public link. (#22)
+
+## [app-v2026.02.27.13] - 2026-02-27
+
+### Added
+- Source and Copy buttons in the note markdown preview modal. (#21)
+
+### Changed
+- Upgraded backend to Spring Boot 4.0.3 and Java 25. (#20)
+
+## [app-v2026.02.05.5] - 2026-02-05
+
+### Changed
+- Improved markdown rendering and added home filter context.
+- Added notes tags support throughout the app. (#13)
+- Tag suggestion dropdown for Notes and Tasks. (#12)
+
+### Fixed
+- Backend null pointer exception.
+- Filters now persist between actions in the Home view. (#9)
+
+## [app-v2026.01.18.4] - 2026-01-18
+
+### Added
+- CI now uses GHCR (GitHub Container Registry) with unified version tagging for backend images.
+
+### Changed
+- Upgraded Spring Boot to 3.5.9.
+
+### Fixed
+- Docker image name casing issue causing deployment failures.
+
+## [app-v2026.01.14.3] - 2026-01-14
+
+### Changed
+- Dropped Lombok dependency; bumped to Spring 3.5.9.
+- Updated backend dependencies to latest versions.
+
+## [app-v2025.12.15.1] - 2025-12-15
+
+### Added
+- Initial release with core task and note management features.
+- Bruno API collections for local development.
+
+[app-v2026.06.01.20]: https://github.com/RMCampos/tasknote/compare/app-v2026.05.26.19...app-v2026.06.01.20
+[app-v2026.05.26.19]: https://github.com/RMCampos/tasknote/compare/app-v2026.05.19.18...app-v2026.05.26.19
+[app-v2026.05.19.18]: https://github.com/RMCampos/tasknote/compare/app-v2026.05.18.17...app-v2026.05.19.18
+[app-v2026.05.18.17]: https://github.com/RMCampos/tasknote/compare/app-v2026.05.17.16...app-v2026.05.18.17
+[app-v2026.05.17.16]: https://github.com/RMCampos/tasknote/compare/app-v2026.05.13.15...app-v2026.05.17.16
+[app-v2026.05.13.15]: https://github.com/RMCampos/tasknote/compare/app-v2026.05.13.14...app-v2026.05.13.15
+[app-v2026.05.13.14]: https://github.com/RMCampos/tasknote/compare/app-v2026.04.29.4...app-v2026.05.13.14
+[app-v2026.04.29.4]: https://github.com/RMCampos/tasknote/compare/app-v2026.04.29.3...app-v2026.04.29.4
+[app-v2026.04.29.3]: https://github.com/RMCampos/tasknote/compare/app-v2026.04.16.1...app-v2026.04.29.3
+[app-v2026.04.16.1]: https://github.com/RMCampos/tasknote/compare/app-v2026.04.08.20...app-v2026.04.16.1
+[app-v2026.04.08.20]: https://github.com/RMCampos/tasknote/compare/app-v2026.04.06.19...app-v2026.04.08.20
+[app-v2026.04.06.19]: https://github.com/RMCampos/tasknote/compare/app-v2026.03.17.17...app-v2026.04.06.19
+[app-v2026.03.17.17]: https://github.com/RMCampos/tasknote/compare/app-v2026.03.16.16...app-v2026.03.17.17
+[app-v2026.03.16.16]: https://github.com/RMCampos/tasknote/compare/app-v2026.02.28.15...app-v2026.03.16.16
+[app-v2026.02.28.15]: https://github.com/RMCampos/tasknote/compare/app-v2026.02.27.13...app-v2026.02.28.15
+[app-v2026.02.27.13]: https://github.com/RMCampos/tasknote/compare/app-v2026.02.05.5...app-v2026.02.27.13
+[app-v2026.02.05.5]: https://github.com/RMCampos/tasknote/compare/app-v2026.01.18.4...app-v2026.02.05.5
+[app-v2026.01.18.4]: https://github.com/RMCampos/tasknote/compare/app-v2026.01.14.3...app-v2026.01.18.4
+[app-v2026.01.14.3]: https://github.com/RMCampos/tasknote/compare/app-v2025.12.15.1...app-v2026.01.14.3
+[app-v2025.12.15.1]: https://github.com/RMCampos/tasknote/releases/tag/app-v2025.12.15.1

CONTRIBUTING.md

@@ -9,7 +9,7 @@ If you want to contribute, please create a fork and a Merge Request. Take a look
 ## Steps to Contribute
 
 1. Fork the Project
-2. Clone it on your local (`git clone https://github.com/ricardo-campos-org/react-typescript-todolist`)
+2. Clone it on your local (`git clone https://lightroasted.vps-kinghost.net/rmcampos/tasknote.git`)
 3. Develop your amazing feature/changes
 4. Make sure your name is set (`git config user.name 'YOUR NAME'; git config user.email 'YOUR EMAIL'`)
 5. Commit your changes (`git commit -m 'Add some amazing feature'`)
@@ -24,19 +24,25 @@ The easiest way of having the app up and running is using [Docker](https://www.d
 
 1. Start the database engine (PostgreSQL)
    ```sh
-   bash tools/run-docker-db.sh
+   task dev-run-db
    ```
 2. Start the back-end engine (Java & Spring Boot)
    ```sh
-   bash tools/run-docker-server.sh
+   task dev-run-api
    ```
 3. Start the app server
    ```sh
-   bash tools/run-docker-client.sh
+   task dev-run-web
    ```
 
 >  Remember to follow up logs with 'docker ps' and 'docker logs -f <name>'
 
+Or start all services at once with Docker Compose:
+
+```sh
+docker compose -f docker-compose.dev.yml up -d
+```
+
 If everything went well, you can head to [http://localhost:5000](http://localhost:5000) and create your user.
 
 ## 🦾 Automation

README.md

@@ -1,10 +1,9 @@
 # TaskNote
 
 [![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)
-[![React App CI](https://github.com/RMCampos/tasknote/actions/workflows/client-ci.yml/badge.svg)](https://github.com/RMCampos/tasknote/actions/workflows/client-ci.yml)
-[![Server API CI](https://github.com/RMCampos/tasknote/actions/workflows/server-ci.yml/badge.svg)](https://github.com/RMCampos/tasknote/actions/workflows/server-ci.yml)
-[![Build and Push App Docker Image](https://github.com/RMCampos/tasknote/actions/workflows/main-client.yml/badge.svg)](https://github.com/RMCampos/tasknote/actions/workflows/main-client.yml)
-[![Build and Push API Docker Image](https://github.com/RMCampos/tasknote/actions/workflows/main-server.yml/badge.svg)](https://github.com/RMCampos/tasknote/actions/workflows/main-server.yml)
+[![Frontend CI](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/actions/workflows/ci-main-frontend.yml/badge.svg)](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/actions/?workflow=ci-main-frontend.yml)
+[![Backend CI](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/actions/workflows/ci-main-backend.yml/badge.svg)](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/actions/?workflow=ci-main-backend.yml)
+[![Deploy](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/actions/workflows/cd-main.yml/badge.svg)](https://lightroasted.vps-kinghost.net/rmcampos/tasknote/actions/?workflow=cd-main.yml)
 
 ## 📋 Table of Contents
 
@@ -102,113 +101,50 @@ tasknote/
 ## 🚀 Getting Started
 
 ### Prerequisites
-- **Docker & Docker Compose** (recommended for easy setup)
-- **Node.js 20+** and **npm** (for frontend development)
-- **Java 25+** and **Maven 3.6+** (for backend development)
-- **PostgreSQL 15+** (if running without Docker)
+- [Docker](https://docs.docker.com/engine/install/)
+- [Docker Compose](https://docs.docker.com/compose/install/)
+- [Task](https://taskfile.dev) (`brew install go-task` / `npm install -g @go-task/cli`)
+- [Doppler CLI](https://docs.doppler.com/docs/install-cli) (`brew install dopplerhq/cli/doppler`)
 
-### Quick Start with Docker
-1. **Clone the repository**
-   ```bash
-   git clone https://github.com/rmcampos/tasknote.git
-   cd tasknote
-   ```
+### Setup
 
-2. **Start the database**
-   ```bash
-   bash tools/run-docker-db.sh
-   ```
-
-3. **Start the backend server**
-   ```bash
-   bash tools/run-docker-server.sh
-   ```
-
-4. **Start the frontend application**
-   ```bash
-   bash tools/run-docker-client.sh
-   ```
-
-5. **Access the application**
-   - Frontend: http://localhost:5000
-
-## 🛠️ Development
-
-### Frontend Development
 ```bash
-cd client
-npm install           # Install dependencies
-npm start            # Start development server (port 5000)
-npm run build        # Build for production
-npm run preview      # Preview production build
-npm run lint         # Run ESLint
-npm run lint:fix     # Fix ESLint issues
+# 1. Authenticate with Doppler and link the project
+doppler login
+doppler setup   # uses doppler.yaml to link to the shell-whats project
 ```
 
-### Backend Development
+### Running locally
+
 ```bash
-cd server
-./mvnw spring-boot:run                    # Start development server
-./mvnw clean compile                      # Compile sources
-./mvnw spring-boot:build-image           # Build Docker image
-./mvnw clean verify -Pnative             # Build GraalVM native image
+task dev-run
 ```
 
-### Quality Checks
-Run quality checks before submitting changes:
+This exports the public vars from the `dev_tokens` Doppler config and starts the server in watch mode with secrets injected from `dev_secrets`. No `.env` file needed.
+
+## Building the Docker images
+
 ```bash
-bash tools/check-frontend.sh    # Frontend linting, testing, coverage
-bash tools/check-backend.sh     # Backend compilation, tests, checkstyle
+# Build the backend
+task docker-build-api
+
+# Build the frontend
+task docker-build-web
 ```
 
-## 🧪 Testing
+## 🧪 Testing & Checks
 
 ### Frontend Testing
-- **Framework**: Vitest with React Testing Library
-- **Coverage**: Comprehensive test coverage with reports in `client/coverage/`
-- **Commands**:
-  ```bash
-  npm test                    # Run tests in watch mode
-  npm run test:coverage      # Generate coverage report
-  ```
+
+```bash
+./tools/check-frontend.sh
+```
 
 ### Backend Testing
-- **Unit Tests**: Fast, isolated tests with mocked dependencies
-- **Integration Tests**: Full application context with test database
-- **Coverage**: JaCoCo reporting with 75% minimum requirement
-- **Commands**:
-  ```bash
-  ./mvnw test                           # Unit tests only
-  ./mvnw clean verify -Ptests          # All tests with coverage
-  ```
 
-## 📦 Deployment
-
-### Production Deployment
-The application supports multiple deployment strategies:
-
-1. **Docker Containers** (recommended)
-   ```bash
-   docker-compose -f docker-compose.prod.yml up -d
-   ```
-
-2. **Traditional JAR Deployment**
-   ```bash
-   cd server && ./mvnw clean package
-   java -jar target/tasknote-api.jar
-   ```
-
-3. **GraalVM Native Image** (for optimal performance)
-   ```bash
-   cd server && ./mvnw clean verify -Pnative
-   ./target/tasknote-api
-   ```
-
-### Environment Configuration
-- Database connection via environment variables
-- JWT secret configuration for production
-- Email service configuration for notifications
-- CORS settings for frontend domain
+```bash
+./tools/check-backend.sh
+```
 
 ## 🤝 Contributing
 
@@ -250,34 +186,6 @@ We welcome contributions from the community! This project follows the **Fork & M
 
 For detailed setup instructions and development workflows, see [CONTRIBUTING.md](CONTRIBUTING.md).
 
-## 👨‍💻 Developer
-
-**Ricardo Campos** - Full-Stack Developer & Project Maintainer
-
-- **GitHub**: [@RMCampos](https://github.com/RMCampos)
-- **Twitter/X**: [@RMCamposs](https://x.com/RMCamposs)
-- **LinkedIn**: [Ricardo Campos](https://www.linkedin.com/in/ricardompcampos/)
-
-### About the Developer
-Ricardo is a passionate full-stack developer with expertise in modern web technologies, cloud architecture, and agile development practices. This project showcases his skills in:
-
-- **Frontend Development**: React, TypeScript, modern CSS, responsive design
-- **Backend Development**: Java, Spring Boot, RESTful APIs, microservices
-- **DevOps & Infrastructure**: Docker, CI/CD, cloud deployment, monitoring
-- **Software Quality**: Testing strategies, code coverage, static analysis
-- **Open Source**: Community engagement, documentation, maintainership
-
-The TaskNote project represents a commitment to clean code, comprehensive testing, and user-centered design principles.
-
-## 📞 Contact
-
-For questions, suggestions, or collaboration opportunities:
-
-- **Email**: Contact via GitHub issues or discussions
-- **Twitter/X**: [@RMCamposs](https://x.com/RMCamposs) for quick questions
-- **GitHub Issues**: [Create an issue](https://github.com/rmcampos/tasknote/issues) for bugs or feature requests
-- **GitHub Discussions**: [Join discussions](https://github.com/rmcampos/tasknote/discussions) for general questions
-
 ## 📄 License
 
 This project is licensed under the **GNU General Public License v3.0** - see the [LICENSE](LICENSE) file for details.

Taskfile.yml

@@ -2,17 +2,14 @@
 
 version: '3'
 
-vars:
-  GREETING: Hello, World!
-
 tasks:
   docker-build-web:
     desc: Build the tasknote-web prod-ready docker image, tagging it as candidate
-    cmd: docker build --no-cache --build-arg VITE_BUILD="v999-$(date '+%Y-%m-%d-%H%M%S')" --build-arg SOURCE_PR="v999-123456789-$(date '+%Y-%m-%d-%H%M%S')" -t ghcr.io/rmcampos/tasknote/app:latest ./client
+    cmd: docker build --no-cache --build-arg VITE_BUILD="v999-$(date '+%Y-%m-%d-%H%M%S')" --build-arg SOURCE_PR="v999-123456789-$(date '+%Y-%m-%d-%H%M%S')" -t rmcampos/tasknote-app:latest ./client
 
   docker-build-api:
     desc: Build the tasknote-api prod-ready docker image, tagging it as candidate
-    cmd: cd server && mvn -Pnative -DskipTests spring-boot:build-image -Dspring-boot.build-image.imageName=ghcr.io/rmcampos/tasknote/api:latest -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:latest
+    cmd: cd server && mvn -Pnative -DskipTests spring-boot:build-image -Dspring-boot.build-image.imageName=rmcampos/tasknote-api:latest -Dspring-boot.build-image.builder=paketobuildpacks/builder-jammy-tiny:0.0.505
 
   prod-up-web:
     desc: Speed up the tasknote-web prod-like image, building it if required

ai/context/architecture_principles.md

@@ -0,0 +1,30 @@
+# Architecture Principles
+
+## Core Principles
+
+- Keep solutions simple and focused on the problem at hand.
+- Prefer readability and maintainability over cleverness.
+- Small functions and modules that do one thing well.
+- Use clear and descriptive names for variables, functions, and classes.
+- Avoid premature optimization; optimize only when necessary.
+- Avoid over-engineering; build only what is needed for the current problem.
+- Clear boundaries between components to promote separation of concerns.
+- Prefer to maintainability over perfection
+
+## Delivery Principles
+
+Prefer:
+- small specs
+- iterative delivery
+- vertical slices of functionality
+- simple APIs
+- clear documentation
+- understandable code
+
+Avoid:
+- giant upfront architecture
+- premature optimization
+- speculative abstractions
+- over-engineering
+- unnecessary complexity
+- unnecessary microservices

ai/context/domain_glossary.md

@@ -0,0 +1,17 @@
+# Domain Glossary
+
+This glossary provides definitions for key terms and concepts related to the domain of artificial intelligence (AI). It serves as a reference for understanding the terminology used in AI research, development, and applications.
+
+Use this file to maintain shared terminology.
+
+Consistent terminology significantly improves:
+- communication
+- AI consistency
+- implement quality
+
+## General Terms
+
+- **User**: Final application consumer, typically a human, who interacts with the AI system.
+- **Developer**: Individual or team responsible for designing, building, and maintaining the system.
+- **Stakeholder**: Any party with an interest in the system, including users, developers, business owners, and regulators.
+- **Spec**: Incremental implementation plan for a specific feature or functionality, often documented as a set of requirements and design decisions.

ai/context/project_constraints.md

@@ -0,0 +1,31 @@
+# Project constraints
+
+## Backend
+
+Always:
+
+- Use the `SERIAL` type for `id` columns when creating migration SQL files;
+- Define a table PRIMARY KEY in the end of the table columns using the table name plus `_pk` and the needed columns;
+- Import needed packages one by one;
+- Create JavaDoc for public classes and methods;
+- Run `./mvnw -Ptests test` to check possible check style issues or failing tests;
+- Fix existing test cases, if needed;
+- Update docker-compose.yml and github workflow files if a new variable or application.yml has changed;
+
+Never:
+- Use `ON DELETE CASCADE` in SQL scripts or migration files;
+- Use star to import packages;
+
+## Frontend
+
+Always:
+
+- Type variables according with their data type;
+- Create helper functions in the helper directory;
+- Update Dockerfile, docker-compose.yml and github workflow files if a new environment variable was added;
+
+Never:
+
+- Use the `any` type;
+- Add new dependencies for small helpers or util functions, prefer implementing them;
+

ai/context/project_vision.md

@@ -0,0 +1,44 @@
+# Project Vision
+
+## Project Name
+
+TaskNote
+
+## Problem Statement
+
+In today's fast-paced world, individuals and teams often struggle to keep track of their tasks, deadlines, and project 
+progress. Traditional task management tools can be overwhelming and lack the flexibility needed to adapt to different 
+workflows. This leads to decreased productivity, missed deadlines, and increased stress.
+
+As for notes, people often take notes in various formats and locations, such as notebooks, sticky notes, or digital 
+documents. This scattered approach can make it difficult to find and organize information, leading to inefficiency and 
+frustration.
+
+## Users
+
+The primary users of TaskNote are:
+
+- **Individuals**: People who want to manage their personal tasks and notes efficiently.
+- **Casual**: Users who need a simple and intuitive tool for managing their tasks and notes without the complexity of traditional task management software.
+- **Developers**: Individuals who want to manage their coding tasks and notes in a streamlined manner.
+
+## Core Features
+
+- **Authentication**: Allow users to create accounts and securely log in to access their tasks and notes.
+- **Task Management**: Create, organize, and prioritize tasks with deadlines and reminders.
+- **Note-Taking**: Capture and organize notes in a flexible format, allowing for easy retrieval and organization.
+- **Collaboration**: Enable users to share notes with others for better collaboration and teamwork.
+- **Search and Organization**: Provide powerful search capabilities and organizational tools to help users find and manage their tasks and notes efficiently.
+- **Multi-Language Support**: Support multiple languages to cater to a global user base.
+
+## General Constraints
+
+- **GraalVM Compatibility**: The application must be compatible with GraalVM to leverage its performance benefits and support for multiple languages.
+- **Mobile-first UI**: The user interface should be designed with a mobile-first approach to ensure a seamless experience across devices.
+
+## Success Criteria
+
+- Users can manage their tasks and notes efficiently, leading to increased productivity and reduced stress.
+- Positive user feedback and high engagement with the application.
+- Specs remain under control, with a clear roadmap for future features and improvements.
+- Codebase remains maintainable and scalable, allowing for easy addition of new features and improvements over time.

ai/context/tech_stack.md

@@ -0,0 +1,34 @@
+# Tech Stack
+
+## Frontend
+
+- **React**: A popular JavaScript library for building user interfaces, particularly single-page applications.
+- **TypeScript**: A superset of JavaScript that adds static typing, improving code quality and maintainability.
+- **Bootstrap**: A widely used CSS framework for building responsive and mobile-first websites.
+- **Fetch API**: A modern interface for making HTTP requests from the browser, used for communicating with the backend.
+- **Vite**: A build tool that provides a fast development environment and optimized production builds for modern web applications.
+
+## Backend
+
+- **Java**: A widely used programming language known for its portability, performance, and extensive ecosystem.
+- **Spring Boot**: A framework for building production-ready applications with Java, providing features like dependency injection, security, and data access.
+- **Spring Security**: A framework for securing Java applications, providing authentication and authorization features to protect resources and manage user access.
+- **GraalVM**: A high-performance runtime that supports multiple programming languages, allowing for efficient execution of Java applications and interoperability with other languages.
+- **JPA (Java Persistence API)**: A specification for managing relational data in Java applications, providing a standard way to interact with databases using object-relational mapping (ORM).
+
+## Database
+- **PostgreSQL**: A powerful, open-source relational database management system known for its reliability and performance.
+
+## Infrastructure
+
+- **Docker**: A platform for developing, shipping, and running applications in containers, providing consistency across different environments.
+- **Kubernetes**: An open-source container orchestration system for automating the deployment, scaling, and management of containerized applications.
+- **Terraform**: An infrastructure as code tool that allows for the provisioning and management of cloud resources in a declarative manner.
+- **VPS**: Virtual Private Server, a virtualized server that provides dedicated resources and control over the hosting environment for deploying applications.
+
+## AI Tools
+
+- **Crusher**: An AI tool for code generation and assistance, helping developers write code more efficiently and accurately.
+- **GitHub Copilot**: An AI-powered code completion tool that provides suggestions and helps developers write code faster by leveraging machine learning models trained on a vast amount of code from GitHub repositories.
+- **Gemini**: An AI tool for natural language processing and understanding, enabling developers to build applications that can process and generate human-like text.
+- **Groq**: An AI tool for optimizing and accelerating machine learning models, providing efficient execution and improved performance for AI applications.

ai/contracts/templates/feedback_contract.md

@@ -0,0 +1,50 @@
+# Feedback Contract
+
+This contract is used for:
+- reviews
+- implementation feedback
+- architecture feedback
+- iterative improvement
+
+---
+
+## 1. What Worked Well
+
+Highlight:
+
+- Good implementation choices
+- Maintainability improvements
+- Strong architectural decisions
+
+## 2. Areas For Improvement
+
+Identify:
+
+- Unclear implementation
+- Maintainability concerns
+- Architectural inconsistencies
+
+## 3. Risks
+
+Surface:
+
+- Technical debt
+- Scalability concerns
+- Workflow fragility
+
+## 4. Recommendations
+
+Provide:
+
+- Practical improvements
+- Simplification opportunities
+- Next iteration suggestions
+
+## Philosophy
+
+Feedback should:
+
+- Improve clarity
+- Support maintainability
+- Remain constructive
+- Avoid unnecessary perfectionism

ai/contracts/templates/handoff_contract.md

@@ -0,0 +1,68 @@
+# Handoff Contract
+
+This contract is used whenever work moves between roles.
+
+Example:
+- PM → Architect
+- Architect → Developer
+- Developer → Reviewer
+
+---
+
+## 1. Summary
+
+Concise explanation of:
+
+- Completed work
+- Important decisions
+- Implementation status
+
+## 2. Completed Work
+
+Explicitly list:
+
+- Implemented features
+- Completed tasks
+- Validated decisions
+
+## 3. Pending Work
+
+List:
+
+- Unfinished work
+- Blockers
+- Remaining implementation
+
+## 4. Important Decisions
+
+Document:
+
+- Tradeoffs
+- Architectural decisions
+- Assumptions
+- Simplifications
+
+## 5. Risks
+
+Identify:
+
+- Technical concerns
+- Unclear requirements
+- Scalability limitations
+- Possible regressions
+
+## 6. Questions
+
+List:
+
+- Unresolved ambiguity
+- Missing requirements
+- Pending decisions
+
+## 7. Recommended Next Step
+
+Clearly explain:
+
+- What should happen next
+- Which role should act next
+- What should be prioritized

ai/contracts/templates/question_contract.md

@@ -0,0 +1,58 @@
+# Question Contract
+
+## Description
+
+This contract is used when:
+
+- Requirements are not clear
+- Assumptions must be validated
+- More information is needed to proceed
+- Implementation direction is uncertain
+
+## 1. Context
+
+Explain:
+
+- The background of the problem or task
+- Why it is important to clarify the requirements or assumptions
+- Related specs or documentation
+- Implementation area
+
+## 2. Questions
+
+Clearly state:
+
+- The specific questions that need to be answered
+- What is unclear
+- What assumptions are being made
+- What decision needs to be made
+
+## 3. Why It Matters
+
+Explain:
+
+- The potential impact of not clarifying the questions
+- How it affects the implementation
+- Architectural implications
+- Performance implications
+- User experience implications
+- Workflow consequences
+
+## 4. Suggested Options
+
+Provide:
+
+- Possible answers to the questions
+- Pros and cons of each option
+- Any relevant data or evidence to support the options
+
+## 5. Philosophy
+
+Good questions reduce:
+
+- Hallucinations
+- Unnecessary work
+- Rework
+- Implementation drift
+- Misalignment with requirements
+- Hidden assumptions

ai/orchestration/context_policy.md

@@ -0,0 +1,56 @@
+# Context Policy
+
+AI systems perform significantly better when context is:
+- structured
+- concise
+- consistent
+- relevant
+
+## Core Rules
+
+### 1. Read Context Before Acting
+
+Before:
+- implementing features
+- generating specs
+- reviewing code
+- proposing architecture
+
+Always review:
+- project vision
+- architecture principles
+- glossary
+- relevant specs
+
+---
+
+### 2. Respect Shared Terminology
+
+Use terminology consistently.
+
+The glossary exists to:
+- reduce ambiguity
+- improve communication
+- improve AI consistency
+
+---
+
+### 3. Avoid Context Overload
+
+More context is NOT always better.
+
+Prefer:
+- focused context
+- relevant files
+- small scoped discussions
+
+---
+
+### 4. Surface Missing Context
+
+If important context is missing:
+- ask questions
+- document assumptions
+- identify ambiguity
+
+Avoid silently inventing requirements.

ai/orchestration/handoff_rules.md

@@ -0,0 +1,39 @@
+# Handoff Rules
+
+Every handoff between roles should include:
+
+- completed work
+- pending work
+- risks
+- important decisions
+- open questions
+- recommended next step
+
+---
+
+## Goals
+
+Handoffs exist to:
+- preserve continuity
+- reduce ambiguity
+- improve collaboration
+- support incremental delivery
+
+---
+
+## Good Handoffs
+
+Good handoffs are:
+- concise
+- explicit
+- actionable
+- context-aware
+
+Avoid vague summaries.
+
+---
+
+## Important
+
+Hidden assumptions are one of the biggest causes
+of AI inconsistency and implementation drift.

ai/orchestration/orchestrator.md

@@ -0,0 +1,40 @@
+# Orchestrator
+
+The orchestrator coordinates:
+- context
+- specs
+- architecture
+- implementation
+- review workflows
+
+## Primary Goals
+
+- maintain incremental progress
+- reduce ambiguity
+- preserve consistency
+- support maintainability
+
+---
+
+## Orchestration Responsibilities
+
+- identify next executable spec
+- validate dependencies
+- coordinate role transitions
+- ensure contracts are respected
+- maintain delivery momentum
+
+---
+
+## Workflow Philosophy
+
+Prefer:
+- small focused steps
+- explicit transitions
+- structured handoffs
+- iterative delivery
+
+Avoid:
+- giant implementation phases
+- uncontrolled context growth
+- hidden assumptions

ai/orchestration/workflow.md

@@ -0,0 +1,71 @@
+# AI Workflow
+
+This repository follows a lightweight AI-native engineering workflow.
+
+```text
+Context → Specs → Architecture → Implementation → Review → Iteration
+```
+
+---
+
+# 1. Context Definition
+
+Goal: create shared understanding.
+
+Typical artifacts:
+
+- Project vision
+- Glossary
+- Personas
+- Architecture principles
+- Tech stack
+
+Context quality directly impacts AI output quality.
+
+# 2. Spec Generation
+
+Goal: break work into small incremental deliverables.
+
+Good specs are:
+- Small
+- Focused
+- Testable
+- Independently understandable
+
+# 3. Architecture Validation
+
+Goal: ensure sustainable technical direction.
+
+Architect responsibilities:
+- Validate boundaries
+- Identify risks
+- Reduce complexity
+- Support maintainability
+
+# 4. Implementation
+
+Goal: deliver working software incrementally.
+
+Developer responsibilities:
+- Implement clearly
+- Respect architecture
+- Preserve maintainability
+
+# 5. Testing & Review
+
+Goal: validate correctness and maintainability.
+
+Focus on:
+- Spec completion
+- Workflow correctness
+- Architectural consistency
+
+# 6. Iteration
+
+Goal: continuously improve:
+- Specs
+- Workflows
+- Context
+- Implementation
+
+AI-native engineering is iterative by nature.

ai/roles/architect.md

@@ -0,0 +1,53 @@
+# Role: Architect
+
+You are responsible for maintaining technical clarity,
+system boundaries, and implementation simplicity.
+
+## Primary Responsibilities
+
+- Define system boundaries
+- Validate architecture decisions
+- Reduce unnecessary complexity
+- Identify technical risks
+- Support maintainability
+- Guide incremental delivery
+
+---
+
+## Prioritize
+
+- clarity
+- maintainability
+- simplicity
+- developer experience
+- incremental progress
+
+---
+
+## Avoid
+
+- overengineering
+- speculative abstractions
+- premature optimization
+- architecture astronautics
+
+---
+
+## Expected Outputs
+
+- architecture notes
+- API guidance
+- data flow recommendations
+- technical decisions
+- risk analysis
+
+---
+
+## Collaboration
+
+Work closely with:
+- PM for requirement clarification
+- Developers for implementation guidance
+- Reviewers for consistency validation
+
+Your role is guidance and structure, not implementation ownership.

ai/roles/developer.md

@@ -0,0 +1,49 @@
+# Role: Developer
+
+You are responsible for implementing specs incrementally,
+clearly, and maintainably.
+
+## Primary Responsibilities
+
+- Implement specs
+- Respect architecture boundaries
+- Keep code maintainable
+- Surface blockers early
+- Preserve readability
+
+---
+
+## Engineering Philosophy
+
+Prefer:
+- explicit logic
+- composable systems
+- simple implementations
+- incremental delivery
+
+Avoid:
+- unnecessary abstractions
+- giant refactors
+- hidden side effects
+- premature optimization
+
+---
+
+## Before Implementation
+
+Always review:
+- project context
+- architecture principles
+- current spec
+- related workflows
+
+---
+
+## Expected Outputs
+
+- implementation code
+- tests
+- documentation
+- migrations
+- APIs
+- technical notes

ai/roles/pm.md

@@ -0,0 +1,40 @@
+# Role: Product Manager
+
+You are responsible for:
+- reducing ambiguity
+- clarifying requirements
+- prioritizing delivery
+- maintaining user focus
+
+## Responsibilities
+
+- refine specs
+- clarify user value
+- define acceptance criteria
+- reduce scope ambiguity
+- support incremental delivery
+
+---
+
+## Product Philosophy
+
+Prefer:
+- small focused specs
+- clear workflows
+- simple user journeys
+- fast iteration
+
+Avoid:
+- oversized features
+- vague requirements
+- unnecessary complexity
+
+---
+
+## Success Criteria
+
+A good spec should be:
+- understandable
+- implementable
+- testable
+- incremental

ai/roles/reviewer.md

@@ -0,0 +1,36 @@
+# Role: Reviewer
+
+You are responsible for validating:
+- quality
+- maintainability
+- spec completion
+- architectural consistency
+
+## Responsibilities
+
+- Verify acceptance criteria
+- Validate readability
+- Identify technical debt
+- Surface risks
+- Recommend improvements
+
+---
+
+## Review Philosophy
+
+Focus on:
+- practical maintainability
+- implementation clarity
+- architecture consistency
+
+Avoid:
+- perfectionism
+- unnecessary nitpicks
+- overcomplicated suggestions
+
+---
+
+## Important
+
+The goal is sustainable delivery,
+not theoretical perfection.

ai/roles/tester.md

@@ -0,0 +1,36 @@
+# Role: Tester
+
+You are responsible for validating:
+- expected behavior
+- acceptance criteria
+- workflow correctness
+- critical edge cases
+
+## Responsibilities
+
+- validate specs
+- test workflows
+- identify regressions
+- surface inconsistencies
+
+---
+
+## Testing Philosophy
+
+Focus on:
+- critical workflows
+- realistic scenarios
+- maintainability
+- clarity
+
+Avoid:
+- unnecessary exhaustive testing
+- unrealistic edge cases
+- overcomplicated testing strategies
+
+---
+
+## Important
+
+The goal is confidence and reliability,
+not perfect theoretical coverage.

ai/skills/create_handoff_contract.md

@@ -0,0 +1,14 @@
+# Skill: Create Handoff Contract
+
+Good handoffs preserve:
+- continuity
+- implementation context
+- architectural decisions
+
+Include:
+- summary
+- completed work
+- pending work
+- risks
+- questions
+- recommended next step

ai/skills/review_code_quality.md

@@ -0,0 +1,14 @@
+# Skill: Review Code Quality
+
+## Focus Areas
+
+- readability
+- maintainability
+- consistency
+- architectural alignment
+
+## Avoid
+
+- unnecessary nitpicks
+- perfectionism
+- speculative suggestions

ai/skills/write_spec.md

@@ -0,0 +1,19 @@
+# Skill: Write Spec
+
+## Goal
+
+Create small incremental implementation specs.
+
+## Good Specs
+
+Good specs:
+- have clear goals
+- define acceptance criteria
+- remain focused
+- avoid ambiguity
+
+## Avoid
+
+- giant specs
+- vague requirements
+- mixing unrelated concerns

ai/skills/write_tests.md

@@ -0,0 +1,14 @@
+# Skill: Write Tests
+
+## Prioritize
+
+- critical workflows
+- expected behavior
+- important edge cases
+
+## Philosophy
+
+Testing should improve:
+- confidence
+- reliability
+- maintainability

ai/specs/001-add-multiple-tags.md

@@ -0,0 +1,58 @@
+# Spec: Support Multiple Tags for Tasks and Notes
+
+## Goal
+
+Enable users to associate multiple tags with both tasks and notes, enhancing organization and search capabilities.
+
+---
+
+## User Value
+
+Users can categorize their tasks and notes more granularly, making it easier to find and filter information. This improves overall productivity and reduces the time spent searching for specific items.
+
+---
+
+## Requirements
+
+- Users must be able to add multiple tags to a single task.
+- Users must be able to add multiple tags to a single note.
+- The system should support adding new tags and selecting existing tags.
+- Display of multiple tags associated with tasks and notes in the UI.
+- Backend API endpoints must be updated to support multiple tags for tasks and notes.
+- Database schema must be updated to store multiple tags for tasks and notes.
+
+---
+
+## Acceptance Criteria
+
+- [ ] When editing a task, a user can add more than one tag.
+- [ ] When editing a note, a user can add more than one tag.
+- [ ] All tags associated with a task are displayed when viewing the task.
+- [ ] All tags associated with a note are displayed when viewing the note.
+- [ ] Users can filter tasks by multiple tags.
+- [ ] Users can filter notes by multiple tags.
+- [ ] The API for tasks and notes allows for creation and update with multiple tags.
+- [ ] The database correctly stores and retrieves multiple tags for tasks and notes.
+
+---
+
+## Dependencies
+
+None.
+
+---
+
+## Risks
+
+- **Data Migration**: Existing single-tag data will need to be migrated to the new multi-tag schema, potentially requiring a database migration script.
+- **Performance Impact**: Storing and querying multiple tags might introduce performance overhead, especially for large datasets. This will need careful indexing and optimization.
+- **UI Complexity**: Designing a user-friendly interface for managing multiple tags could add complexity to the frontend.
+- **API backward compatibility**: Changes to the API might break existing clients if not handled carefully with versioning or clear migration paths.
+
+---
+
+## Notes
+
+- Consider a many-to-many relationship between tasks/notes and tags in the database.
+- Frontend tag input should allow for auto-completion of existing tags.
+- The API should handle tag creation on the fly if a new tag is submitted.

ai/specs/002-markdown-formatting-toolbar.md

@@ -0,0 +1,36 @@
+# Spec 002: Markdown Formatting Toolbar for Notes
+
+## Goal
+Enhance the Note editing experience by adding a Markdown formatting toolbar to the note creation and editing interface. This provides a "rich text" editing capability while preserving the existing Markdown-based storage and rendering system.
+
+## User Value
+Users who are unfamiliar with Markdown syntax can easily format their notes (bold, italic, lists, etc.) using familiar UI controls. This reduces the cognitive load and makes the application more accessible to a broader audience without losing the power of Markdown for advanced users.
+
+## Requirements
+- **Toolbar Placement**: A horizontal toolbar should be placed immediately above the "Content" textarea in the Note creation/editing form.
+- **Formatting Actions**: The toolbar must include buttons for the following actions:
+    - **Bold**: Wraps selection with `**`.
+    - **Italic**: Wraps selection with `_`.
+    - **Heading**: Prepends `### ` to the current line or selection.
+    - **Bullet List**: Prepends `- ` to the current line or selection.
+    - **Link**: Inserts a Markdown link template `[text](url)`.
+- **Interaction Logic**:
+    - If text is selected, clicking a button should wrap/prefix the selection.
+    - If no text is selected, clicking a button should insert the Markdown symbols at the cursor position.
+    - The textarea should regain focus immediately after a toolbar button is clicked.
+- **Styling**: The toolbar should use standard Bootstrap components (e.g., `ButtonGroup`) and icons (e.g., `react-bootstrap-icons`) to match the existing project aesthetic.
+
+## Acceptance Criteria
+- [ ] The toolbar is visible in the `NoteAdd` view for both adding a new note and editing an existing one.
+- [ ] Clicking the **Bold** button wraps the selected text in the textarea with `**`.
+- [ ] Clicking the **Italic** button wraps the selected text with `_`.
+- [ ] Clicking the **Heading** button adds `### ` at the cursor or selection start.
+- [ ] Clicking the **Bullet List** button adds `- ` at the start of the line.
+- [ ] Clicking the **Link** button inserts `[](url)` or wraps selection as `[selection](url)`.
+- [ ] The note can be saved successfully with the newly formatted content.
+- [ ] The "Preview Markdown" modal correctly renders the formatted content.
+
+## Risks
+- **Cursor Management**: Maintaining or restoring cursor position/selection after formatting might be technically challenging in a standard HTML `textarea`.
+- **Mobile UX**: A long toolbar might overflow on small screens, requiring careful responsive design (e.g., horizontal scrolling or wrapping).
+- **Undo/Redo**: Standard browser undo/redo might behave unexpectedly if the textarea value is manipulated programmatically.

ai/specs/README.md

@@ -0,0 +1,33 @@
+# Specs
+
+Specs are the primary implementation units in this repository.
+
+## Good Specs
+
+Good specs are:
+- small
+- incremental
+- independently understandable
+- testable
+- focused on one responsibility
+
+---
+
+## Recommended Structure
+
+Each spec should contain:
+- spec.md
+- architecture.md
+- tasks.md
+- optional contracts/
+
+---
+
+## Recommended Size
+
+Prefer:
+- 3 to 8 specs maximum for dojo projects
+
+Avoid:
+- giant umbrella specs
+- multi-week implementation specs

ai/specs/_template/spec.md

@@ -0,0 +1,43 @@
+# Spec: <name>
+
+## Goal
+
+What are we building?
+
+---
+
+## User Value
+
+Why does this matter?
+
+---
+
+## Requirements
+
+- Requirement 1
+- Requirement 2
+
+---
+
+## Acceptance Criteria
+
+- [ ] Criteria 1
+- [ ] Criteria 2
+
+---
+
+## Dependencies
+
+List required previous specs.
+
+---
+
+## Risks
+
+Identify possible implementation risks.
+
+---
+
+## Notes
+
+Additional implementation guidance.

ai/templates/orchestration_prompt.md

@@ -0,0 +1,16 @@
+# Orchestration Prompt
+
+Using the orchestrator workflow defined at `ai/orchestration/orchestrator.md`,
+execute the first spec file, 001-add-multiple-tags.md.
+
+Respect:
+- architecture principles
+- role responsibilities
+- context policies
+- handoff rules
+
+Keep implementation:
+- simple
+- maintainable
+- incremental
+- production-like

ai/templates/spec_feature_prompt.md

@@ -0,0 +1,22 @@
+# Spec for a feature prompt example
+
+Based on the project context, defined at `ai/context/*.md` files, generate one small increment spec file for this
+feature: <brief description of the feature>.
+
+Requirements:
+- small scope
+- independently implementable
+- clear acceptance criteria
+- incremental delivery
+- strictly follow all constraints in `ai/context/project_constraints.md` during implementation
+
+The spec file should include:
+- goal
+- user value
+- requirements
+- acceptance criteria
+- risks
+
+Name the spec file as `000-short-descriptive-name.md` similar to git branch naming convention, starting with 001, 002,
+003, and so on, and place it in the appropriate directory under `ai/specs/`.
+

ai/templates/spec_generation_prompt.md

@@ -0,0 +1,18 @@
+# Spec Generation Prompt
+
+Based on the project context,
+generate 3 to 8 small incremental specs.
+
+Requirements:
+- small scope
+- independently implementable
+- clear acceptance criteria
+- incremental delivery
+- avoid overengineering
+
+Each spec should include:
+- goal
+- user value
+- requirements
+- acceptance criteria
+- risks

client/Caddyfile

@@ -34,7 +34,7 @@
       media-src 'self';
       object-src 'none';
       script-src 'unsafe-inline' 'report-sample' 'self' https://*.cloudfront.net;
-      style-src 'report-sample' 'self' https://cdn.jsdelivr.net/ https://fonts.googleapis.com;
+      style-src 'report-sample' 'self' https://cdn.jsdelivr.net/ https://fonts.googleapis.com 'sha256-+OsIn6RhyCZCUkkvtHxFtP0kU3CGdGeLjDd9Fzqdl3o=';
       worker-src 'none';
     "
     Referrer-Policy "same-origin"

client/Dockerfile

@@ -14,7 +14,7 @@ RUN npm i --ignore-scripts --no-update-notifier --omit=dev && \
 
 # Deploy container
 # Caddy serves static files
-FROM caddy:2.10.2-alpine
+FROM caddy:2.11.4-alpine
 RUN apk add --no-cache ca-certificates curl
 
 # Receive build number as argument, retain as environment variable
@@ -29,7 +29,7 @@ LABEL org.opencontainers.image.authors="Ricardo Campos <ricardompcampos@gmail.co
       org.opencontainers.image.title="TaskNoteApp client" \
       org.opencontainers.image.description="React Web app application" \
       org.opencontainers.image.version="${SOURCE_PR}" \
-      org.opencontainers.image.source="https://github.com/ricardo-campos-org/react-typescript-todolist"
+      org.opencontainers.image.source="https://lightroasted.vps-kinghost.net/rmcampos/tasknote"
 
 # Copy files and run formatting
 COPY --from=build /app/dist/ /app/dist

client/cypress.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:5000',
+    specPattern: 'cypress/e2e/**/*.cy.{ts,tsx}',
+    supportFile: 'cypress/support/e2e.ts',
+    videosFolder: 'cypress/videos',
+    screenshotsFolder: 'cypress/screenshots',
+    viewportWidth: 1280,
+    viewportHeight: 720,
+    setupNodeEvents(on, config) {
+      return config;
+    }
+  }
+});

client/cypress/e2e/auth.cy.ts

@@ -0,0 +1,141 @@
+/**
+ * E2E tests for authentication flows: User Signup and Login.
+ *
+ * These tests cover the primary user journeys for account creation
+ * and logging in to the TaskNote application.
+ */
+describe('Authentication', () => {
+  /**
+   * User Signup (Registration) flow
+   */
+  describe('Signup', () => {
+    beforeEach(() => {
+      cy.visit('/register');
+    });
+
+    it('displays the registration form', () => {
+      cy.contains('h2', 'Create account').should('be.visible');
+      cy.get('input[name="email"]').should('be.visible');
+      cy.get('input[name="password"]').should('be.visible');
+      cy.get('input[name="passwordAgain"]').should('be.visible');
+      cy.get('button[type="submit"]').should('be.visible').and('contain', 'Create account');
+    });
+
+    it('shows a validation error when the form is submitted empty', () => {
+      cy.get('button[type="submit"]').click();
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('shows a validation error when passwords do not match', () => {
+      cy.get('input[name="email"]').type('testuser@example.com');
+      cy.get('input[name="password"]').type('Password1!');
+      cy.get('input[name="passwordAgain"]').type('DifferentPass1!');
+      cy.get('button[type="submit"]').click();
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('navigates to the login page via the login link', () => {
+      cy.contains('a', 'Login').first().click();
+      cy.url().should('include', '/login');
+    });
+
+    it('navigates back to the landing page via the back-to-home link', () => {
+      cy.contains('a', 'Back to home').click();
+      cy.url().should('eq', `${Cypress.config('baseUrl')}/`);
+    });
+
+    it('submits the signup form and shows a confirmation message on success', () => {
+      cy.intercept({ method: 'PUT', url: /\/auth\/sign-up/ }, {
+        statusCode: 201,
+        body: { message: 'User created' }
+      }).as('signUp');
+
+      cy.get('input[name="email"]').type(`newuser${Date.now()}@example.com`);
+      cy.get('input[name="password"]').type('Password1!');
+      cy.get('input[name="passwordAgain"]').type('Password1!');
+      cy.get('button[type="submit"]').click();
+
+      cy.wait('@signUp');
+      cy.get('.alert-success').should('be.visible');
+    });
+
+    it('displays an error alert when the API returns an error on signup', () => {
+      cy.intercept({ method: 'PUT', url: /\/auth\/sign-up/ }, {
+        statusCode: 409,
+        body: { message: 'Email already in use' }
+      }).as('signUpFail');
+
+      cy.get('input[name="email"]').type(`existing${Date.now()}@example.com`);
+      cy.get('input[name="password"]').type('Password1!');
+      cy.get('input[name="passwordAgain"]').type('Password1!');
+      cy.get('button[type="submit"]').click();
+
+      cy.wait('@signUpFail');
+      cy.get('.alert-danger').should('be.visible');
+    });
+  });
+
+  /**
+   * User Login flow
+   */
+  describe('Login', () => {
+    beforeEach(() => {
+      cy.visit('/login');
+    });
+
+    it('displays the login form', () => {
+      cy.contains('h2', 'Login').should('be.visible');
+      cy.get('input[name="email"]').should('be.visible');
+      cy.get('input[name="password"]').should('be.visible');
+      cy.get('button[type="submit"]').should('be.visible').and('contain', 'Login');
+    });
+
+    it('shows a validation error when the form is submitted empty', () => {
+      cy.get('button[type="submit"]').click();
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('navigates to the register page via the create account link', () => {
+      cy.contains('a', 'Create account').click();
+      cy.url().should('include', '/register');
+    });
+
+    it('navigates back to the landing page via the back-to-home link', () => {
+      cy.contains('a', 'Back to home').click();
+      cy.url().should('eq', `${Cypress.config('baseUrl')}/`);
+    });
+
+    it('navigates to the reset password page via the forgot password link', () => {
+      cy.contains('a', 'Forgot your password?').click();
+      cy.url().should('include', '/reset-password');
+    });
+
+    it('redirects to home after a successful login', () => {
+      cy.intercept({ method: 'POST', url: /\/auth\/sign-in/ }, {
+        statusCode: 200,
+        body: { token: 'fake-jwt-token', email: 'user@example.com' }
+      }).as('signIn');
+
+      cy.get('input[name="email"]').type('user@example.com');
+      cy.get('input[name="password"]').type('Password1!');
+      cy.get('button[type="submit"]').click();
+
+      cy.wait('@signIn');
+      cy.url().should('include', '/home');
+    });
+
+    it('displays an error alert when the API returns an error on login', () => {
+      cy.intercept({ method: 'POST', url: /\/auth\/sign-in/ }, {
+        statusCode: 401,
+        body: { message: 'Invalid credentials' }
+      }).as('signInFail');
+
+      cy.get('input[name="email"]').type('user@example.com');
+      cy.get('input[name="password"]').type('wrongpassword');
+      cy.get('button[type="submit"]').click();
+
+      cy.wait('@signInFail');
+      cy.get('.alert-danger').should('be.visible');
+    });
+  });
+});

client/cypress/e2e/home.cy.ts

@@ -0,0 +1,204 @@
+/**
+ * E2E tests for Home page management: searching and filtering tasks and notes.
+ */
+
+const mockUser = {
+  userId: 1,
+  name: 'Test User',
+  email: 'test@example.com',
+  admin: false,
+  createdAt: '2026-01-01T00:00:00.000Z',
+  gravatarImageUrl: '',
+  lang: 'en'
+};
+
+const mockTasks = [
+  {
+    id: 1,
+    description: 'Buy groceries',
+    done: false,
+    highPriority: true,
+    dueDate: '2026-06-01',
+    dueDateFmt: 'Jun 1, 2026',
+    lastUpdate: '2026-05-01',
+    tags: ['personal'],
+    urls: []
+  },
+  {
+    id: 2,
+    description: 'Write report',
+    done: false,
+    highPriority: false,
+    dueDate: '',
+    dueDateFmt: '',
+    lastUpdate: '2026-05-02',
+    tags: ['work'],
+    urls: []
+  }
+];
+
+const mockNotes = [
+  {
+    id: 1,
+    title: 'Meeting notes',
+    description: 'Discuss quarterly goals',
+    url: null,
+    tags: ['work'],
+    lastUpdate: '2026-05-01',
+    shared: false,
+    shareToken: null
+  },
+  {
+    id: 2,
+    title: 'Recipe',
+    description: 'Pasta carbonara recipe',
+    url: null,
+    tags: ['personal'],
+    lastUpdate: '2026-05-02',
+    shared: false,
+    shareToken: null
+  }
+];
+
+const mockTags = ['personal', 'work'];
+
+describe('Home Management', () => {
+  beforeEach(() => {
+    cy.intercept('GET', /\/rest\/user-sessions\/refresh/, {
+      statusCode: 200,
+      body: { token: 'fake-jwt-token', ...mockUser }
+    }).as('refreshToken');
+
+    cy.intercept('GET', /\/rest\/users\/me/, {
+      statusCode: 200,
+      body: mockUser
+    }).as('getCurrentUser');
+
+    cy.intercept('GET', /\/rest\/home\/tasks\/tags/, {
+      statusCode: 200,
+      body: mockTags
+    }).as('getTags');
+
+    cy.intercept('GET', /\/rest\/tasks$/, {
+      statusCode: 200,
+      body: mockTasks
+    }).as('getTasks');
+
+    cy.intercept('GET', /\/rest\/notes$/, {
+      statusCode: 200,
+      body: mockNotes
+    }).as('getNotes');
+
+    cy.visit('/home', {
+      onBeforeLoad(win) {
+        win.localStorage.setItem('TASKNOTE-TOKEN', 'fake-jwt-token');
+        win.localStorage.setItem('TASKNOTE-USER', JSON.stringify(mockUser));
+      }
+    });
+  });
+
+  /**
+   * Home page display
+   */
+  describe('Display', () => {
+    it('shows tasks and notes after loading', () => {
+      cy.wait('@getTasks');
+      cy.wait('@getNotes');
+
+      cy.contains('Buy groceries').should('be.visible');
+      cy.contains('Write report').should('be.visible');
+      cy.contains('Meeting notes').should('be.visible');
+      cy.contains('Recipe').should('be.visible');
+    });
+  });
+
+  /**
+   * Search / text filtering
+   */
+  describe('Search', () => {
+    beforeEach(() => {
+      cy.wait('@getTasks');
+      cy.wait('@getNotes');
+    });
+
+    it('filters items by search text matching a task description', () => {
+      cy.get('input[placeholder="Filter tasks & notes"]').type('groceries');
+
+      cy.contains('Buy groceries').should('be.visible');
+      cy.contains('Write report').should('not.exist');
+      cy.contains('Meeting notes').should('not.exist');
+      cy.contains('Recipe').should('not.exist');
+    });
+
+    it('filters items by search text matching a note title', () => {
+      cy.get('input[placeholder="Filter tasks & notes"]').type('Meeting');
+
+      cy.contains('Meeting notes').should('be.visible');
+      cy.contains('Buy groceries').should('not.exist');
+      cy.contains('Recipe').should('not.exist');
+    });
+
+    it('restores all items after clearing the search', () => {
+      cy.get('input[placeholder="Filter tasks & notes"]').type('groceries');
+      cy.contains('Write report').should('not.exist');
+
+      cy.get('input[placeholder="Filter tasks & notes"]').clear();
+
+      cy.contains('Buy groceries').should('be.visible');
+      cy.contains('Meeting notes').should('be.visible');
+    });
+  });
+
+  /**
+   * Dropdown filter
+   */
+  describe('Dropdown Filter', () => {
+    beforeEach(() => {
+      cy.wait('@getTasks');
+      cy.wait('@getNotes');
+    });
+
+    it('shows only tasks when Tasks filter is selected', () => {
+      cy.get('[data-testid="dropdown-tag-filter"]').click();
+      cy.contains('Tasks').click();
+
+      cy.contains('Buy groceries').should('be.visible');
+      cy.contains('Write report').should('be.visible');
+      cy.contains('Meeting notes').should('not.exist');
+      cy.contains('Recipe').should('not.exist');
+    });
+
+    it('shows only notes when Notes filter is selected', () => {
+      cy.get('[data-testid="dropdown-tag-filter"]').click();
+      cy.contains('Notes').click();
+
+      cy.contains('Meeting notes').should('be.visible');
+      cy.contains('Recipe').should('be.visible');
+      cy.contains('Buy groceries').should('not.exist');
+      cy.contains('Write report').should('not.exist');
+    });
+
+    it('shows everything when Everything filter is selected', () => {
+      cy.get('[data-testid="dropdown-tag-filter"]').click();
+      cy.contains('Tasks').click();
+
+      cy.get('[data-testid="dropdown-tag-filter"]').click();
+      cy.contains('Everything').click();
+
+      cy.contains('Buy groceries').should('be.visible');
+      cy.contains('Meeting notes').should('be.visible');
+    });
+
+    it('filters by tag when a tag is selected', () => {
+      cy.wait('@getTags');
+
+      cy.get('[data-testid="dropdown-tag-filter"]').click();
+      cy.contains('#personal').click();
+
+      cy.contains('Buy groceries').should('be.visible');
+      cy.contains('Recipe').should('be.visible');
+      cy.contains('Write report').should('not.exist');
+      cy.contains('Meeting notes').should('not.exist');
+    });
+  });
+});

client/cypress/e2e/notes.cy.ts

@@ -0,0 +1,273 @@
+/**
+ * E2E tests for Notes Management: Create, Update, Delete, and Share notes.
+ */
+
+const mockUser = {
+  userId: 1,
+  name: 'Test User',
+  email: 'test@example.com',
+  admin: false,
+  createdAt: '2026-01-01T00:00:00.000Z',
+  gravatarImageUrl: '',
+  lang: 'en'
+};
+
+const mockNote = {
+  id: 1,
+  title: 'Meeting notes',
+  description: 'Discuss quarterly goals',
+  url: null,
+  tags: ['work'],
+  lastUpdate: '2026-05-01',
+  shared: false,
+  shareToken: null
+};
+
+describe('Notes Management', () => {
+  /**
+   * Sets up authentication intercepts and visits the given path.
+   *
+   * @param {string} path - The path to visit.
+   */
+  const visitWithAuth = (path: string): void => {
+    cy.intercept('GET', /\/rest\/user-sessions\/refresh/, {
+      statusCode: 200,
+      body: { token: 'fake-jwt-token', ...mockUser }
+    }).as('refreshToken');
+
+    cy.intercept('GET', /\/rest\/users\/me/, {
+      statusCode: 200,
+      body: mockUser
+    }).as('getCurrentUser');
+
+    cy.intercept('GET', /\/rest\/home\/tasks\/tags/, {
+      statusCode: 200,
+      body: ['work', 'personal']
+    }).as('getTags');
+
+    cy.visit(path, {
+      onBeforeLoad(win) {
+        win.localStorage.setItem('TASKNOTE-TOKEN', 'fake-jwt-token');
+        win.localStorage.setItem('TASKNOTE-USER', JSON.stringify(mockUser));
+      }
+    });
+  };
+
+  /**
+   * Create note
+   */
+  describe('Create', () => {
+    beforeEach(() => {
+      visitWithAuth('/notes/new');
+    });
+
+    it('displays the add note form', () => {
+      cy.contains('Add Note').should('be.visible');
+      cy.get('input[name="note_title"]').should('be.visible');
+      cy.get('textarea[name="note_description"]').should('be.visible');
+      cy.contains('button', 'Save note').should('be.visible');
+    });
+
+    it('shows a validation error when submitted without a title', () => {
+      cy.contains('button', 'Save note').click();
+
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('shows a validation error when submitted without content', () => {
+      cy.get('input[name="note_title"]').type('A note title');
+      cy.contains('button', 'Save note').click();
+
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('creates a note and navigates to home on success', () => {
+      cy.intercept('POST', /\/rest\/notes/, {
+        statusCode: 201,
+        body: {
+          id: 10,
+          title: 'New note',
+          description: 'Some content',
+          url: null,
+          tags: [],
+          lastUpdate: '',
+          shared: false,
+          shareToken: null
+        }
+      }).as('createNote');
+
+      cy.intercept('GET', /\/rest\/tasks$/, { statusCode: 200, body: [] }).as('getTasks');
+      cy.intercept('GET', /\/rest\/notes$/, { statusCode: 200, body: [] }).as('getNotes');
+
+      cy.get('input[name="note_title"]').type('New note');
+      cy.get('textarea[name="note_description"]').type('Some content');
+      cy.contains('button', 'Save note').click();
+
+      cy.wait('@createNote');
+      cy.url().should('include', '/home');
+    });
+
+    it('shows an error alert when the API returns an error on create', () => {
+      cy.intercept('POST', /\/rest\/notes/, {
+        statusCode: 500,
+        body: { message: 'Internal Server Error' }
+      }).as('createNoteFail');
+
+      cy.get('input[name="note_title"]').type('Failing note');
+      cy.get('textarea[name="note_description"]').type('Some content');
+      cy.contains('button', 'Save note').click();
+
+      cy.wait('@createNoteFail');
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('navigates back to home when Cancel is clicked', () => {
+      cy.intercept('GET', /\/rest\/tasks$/, { statusCode: 200, body: [] }).as('getTasks');
+      cy.intercept('GET', /\/rest\/notes$/, { statusCode: 200, body: [] }).as('getNotes');
+
+      cy.contains('button', 'Cancel').click();
+
+      cy.url().should('include', '/home');
+    });
+  });
+
+  /**
+   * Update note
+   */
+  describe('Update', () => {
+    beforeEach(() => {
+      cy.intercept('GET', /\/rest\/notes\/\d+/, {
+        statusCode: 200,
+        body: mockNote
+      }).as('getNote');
+
+      visitWithAuth('/notes/edit/1');
+      cy.wait('@getNote');
+    });
+
+    it('pre-fills the form with the existing note data', () => {
+      cy.get('input[name="note_title"]').should('have.value', 'Meeting notes');
+      cy.get('textarea[name="note_description"]').should('have.value', 'Discuss quarterly goals');
+    });
+
+    it('updates the note and navigates to home on success', () => {
+      cy.intercept('PATCH', /\/rest\/notes\/\d+/, {
+        statusCode: 200,
+        body: { ...mockNote, title: 'Updated meeting notes' }
+      }).as('updateNote');
+
+      cy.intercept('GET', /\/rest\/tasks$/, { statusCode: 200, body: [] }).as('getTasks');
+      cy.intercept('GET', /\/rest\/notes$/, { statusCode: 200, body: [] }).as('getNotes');
+
+      cy.get('input[name="note_title"]').clear().type('Updated meeting notes');
+      cy.contains('button', 'Save note').click();
+
+      cy.wait('@updateNote');
+      cy.url().should('include', '/home');
+    });
+
+    it('shows an error alert when the update API call fails', () => {
+      cy.intercept('PATCH', /\/rest\/notes\/\d+/, {
+        statusCode: 500,
+        body: { message: 'Internal Server Error' }
+      }).as('updateNoteFail');
+
+      cy.get('input[name="note_title"]').clear().type('Updated note');
+      cy.contains('button', 'Save note').click();
+
+      cy.wait('@updateNoteFail');
+      cy.get('.alert-danger').should('be.visible');
+    });
+  });
+
+  /**
+   * Delete note
+   */
+  describe('Delete', () => {
+    beforeEach(() => {
+      cy.intercept('GET', /\/rest\/tasks$/, {
+        statusCode: 200,
+        body: []
+      }).as('getTasks');
+
+      cy.intercept('GET', /\/rest\/notes$/, {
+        statusCode: 200,
+        body: [mockNote]
+      }).as('getNotes');
+
+      visitWithAuth('/home');
+      cy.wait('@getNotes');
+    });
+
+    it('deletes a note via the note dropdown menu', () => {
+      cy.intercept('DELETE', /\/rest\/notes\/\d+/, {
+        statusCode: 204
+      }).as('deleteNote');
+
+      cy.get('[data-testid="note-dropdown-menu-1"]').click();
+      cy.get('[data-testid="note-dropdown-delete-item-1"]').click();
+
+      cy.wait('@deleteNote');
+    });
+  });
+
+  /**
+   * Share note
+   */
+  describe('Share', () => {
+    beforeEach(() => {
+      cy.intercept('GET', /\/rest\/tasks$/, {
+        statusCode: 200,
+        body: []
+      }).as('getTasks');
+
+      cy.intercept('GET', /\/rest\/notes$/, {
+        statusCode: 200,
+        body: [mockNote]
+      }).as('getNotes');
+
+      visitWithAuth('/home');
+      cy.wait('@getNotes');
+    });
+
+    it('shares a note via the note dropdown menu', () => {
+      cy.intercept('PUT', /\/rest\/notes\/\d+\/share/, {
+        statusCode: 200,
+        body: { ...mockNote, shared: true, shareToken: 'abc123' }
+      }).as('shareNote');
+
+      cy.get('[data-testid="note-dropdown-menu-1"]').click();
+      cy.get('[data-testid="note-dropdown-share-item-1"]').click();
+
+      cy.wait('@shareNote');
+    });
+
+    it('unshares a shared note via the note dropdown menu', () => {
+      const sharedNote = { ...mockNote, shared: true, shareToken: 'abc123' };
+
+      cy.intercept('GET', /\/rest\/notes$/, {
+        statusCode: 200,
+        body: [sharedNote]
+      }).as('getSharedNotes');
+
+      cy.intercept('PUT', /\/rest\/notes\/\d+\/unshare/, {
+        statusCode: 200,
+        body: { ...sharedNote, shared: false, shareToken: null }
+      }).as('unshareNote');
+
+      cy.visit('/home', {
+        onBeforeLoad(win) {
+          win.localStorage.setItem('TASKNOTE-TOKEN', 'fake-jwt-token');
+          win.localStorage.setItem('TASKNOTE-USER', JSON.stringify(mockUser));
+        }
+      });
+
+      cy.wait('@getSharedNotes');
+
+      cy.get('[data-testid="note-dropdown-menu-1"]').click();
+      cy.get('[data-testid="note-dropdown-share-item-1"]').click();
+
+      cy.wait('@unshareNote');
+    });
+  });
+});

client/cypress/e2e/tasks.cy.ts

@@ -0,0 +1,231 @@
+/**
+ * E2E tests for Task Management: Create, Update, and Delete tasks.
+ */
+
+const mockUser = {
+  userId: 1,
+  name: 'Test User',
+  email: 'test@example.com',
+  admin: false,
+  createdAt: '2026-01-01T00:00:00.000Z',
+  gravatarImageUrl: '',
+  lang: 'en'
+};
+
+const mockTask = {
+  id: 1,
+  description: 'Buy groceries',
+  done: false,
+  highPriority: false,
+  dueDate: '',
+  dueDateFmt: '',
+  lastUpdate: '2026-05-01',
+  tags: ['personal'],
+  urls: []
+};
+
+describe('Task Management', () => {
+  /**
+   * Sets up authentication intercepts and visits the given path.
+   *
+   * @param {string} path - The path to visit.
+   */
+  const visitWithAuth = (path: string): void => {
+    cy.intercept('GET', /\/rest\/user-sessions\/refresh/, {
+      statusCode: 200,
+      body: { token: 'fake-jwt-token', ...mockUser }
+    }).as('refreshToken');
+
+    cy.intercept('GET', /\/rest\/users\/me/, {
+      statusCode: 200,
+      body: mockUser
+    }).as('getCurrentUser');
+
+    cy.intercept('GET', /\/rest\/home\/tasks\/tags/, {
+      statusCode: 200,
+      body: ['personal', 'work']
+    }).as('getTags');
+
+    cy.visit(path, {
+      onBeforeLoad(win) {
+        win.localStorage.setItem('TASKNOTE-TOKEN', 'fake-jwt-token');
+        win.localStorage.setItem('TASKNOTE-USER', JSON.stringify(mockUser));
+      }
+    });
+  };
+
+  /**
+   * Create task
+   */
+  describe('Create', () => {
+    beforeEach(() => {
+      visitWithAuth('/tasks/new');
+    });
+
+    it('displays the add task form', () => {
+      cy.contains('Add Task').should('be.visible');
+      cy.get('input[name="description"]').should('be.visible');
+      cy.get('input[name="url"]').should('be.visible');
+      cy.get('input[name="tag"]').should('be.visible');
+      cy.contains('button', 'Save task').should('be.visible');
+    });
+
+    it('shows a validation error when submitted without a description', () => {
+      cy.contains('button', 'Save task').click();
+
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('creates a task and navigates to home on success', () => {
+      cy.intercept('POST', /\/rest\/tasks/, {
+        statusCode: 201,
+        body: {
+          id: 10,
+          description: 'New task',
+          done: false,
+          highPriority: false,
+          dueDate: '',
+          dueDateFmt: '',
+          lastUpdate: '',
+          tags: [],
+          urls: []
+        }
+      }).as('createTask');
+
+      cy.intercept('GET', /\/rest\/tasks$/, { statusCode: 200, body: [] }).as('getTasks');
+      cy.intercept('GET', /\/rest\/notes$/, { statusCode: 200, body: [] }).as('getNotes');
+
+      cy.get('input[name="description"]').type('New task');
+      cy.contains('button', 'Save task').click();
+
+      cy.wait('@createTask');
+      cy.url().should('include', '/home');
+    });
+
+    it('shows an error alert when the API returns an error on create', () => {
+      cy.intercept('POST', /\/rest\/tasks/, {
+        statusCode: 500,
+        body: { message: 'Internal Server Error' }
+      }).as('createTaskFail');
+
+      cy.get('input[name="description"]').type('Failing task');
+      cy.contains('button', 'Save task').click();
+
+      cy.wait('@createTaskFail');
+      cy.get('.alert-danger').should('be.visible');
+    });
+
+    it('navigates back to home when Cancel is clicked', () => {
+      cy.intercept('GET', /\/rest\/tasks$/, { statusCode: 200, body: [] }).as('getTasks');
+      cy.intercept('GET', /\/rest\/notes$/, { statusCode: 200, body: [] }).as('getNotes');
+
+      cy.contains('button', 'Cancel').click();
+
+      cy.url().should('include', '/home');
+    });
+  });
+
+  /**
+   * Update task
+   */
+  describe('Update', () => {
+    beforeEach(() => {
+      cy.intercept('GET', /\/rest\/tasks\/\d+/, {
+        statusCode: 200,
+        body: mockTask
+      }).as('getTask');
+
+      visitWithAuth('/tasks/edit/1');
+      cy.wait('@getTask');
+    });
+
+    it('pre-fills the form with the existing task data', () => {
+      cy.get('input[name="description"]').should('have.value', 'Buy groceries');
+    });
+
+    it('updates the task and navigates to home on success', () => {
+      cy.intercept('PATCH', /\/rest\/tasks\/\d+/, {
+        statusCode: 200,
+        body: { ...mockTask, description: 'Buy more groceries' }
+      }).as('updateTask');
+
+      cy.intercept('GET', /\/rest\/tasks$/, { statusCode: 200, body: [] }).as('getTasks');
+      cy.intercept('GET', /\/rest\/notes$/, { statusCode: 200, body: [] }).as('getNotes');
+
+      cy.get('input[name="description"]').clear().type('Buy more groceries');
+      cy.contains('button', 'Save task').click();
+
+      cy.wait('@updateTask');
+      cy.url().should('include', '/home');
+    });
+
+    it('shows an error alert when the update API call fails', () => {
+      cy.intercept('PATCH', /\/rest\/tasks\/\d+/, {
+        statusCode: 500,
+        body: { message: 'Internal Server Error' }
+      }).as('updateTaskFail');
+
+      cy.get('input[name="description"]').clear().type('Updated task');
+      cy.contains('button', 'Save task').click();
+
+      cy.wait('@updateTaskFail');
+      cy.get('.alert-danger').should('be.visible');
+    });
+  });
+
+  /**
+   * Mark as done / undone
+   */
+  describe('Mark as Done', () => {
+    beforeEach(() => {
+      cy.intercept('GET', /\/rest\/tasks$/, {
+        statusCode: 200,
+        body: [mockTask]
+      }).as('getTasks');
+
+      cy.intercept('GET', /\/rest\/notes$/, {
+        statusCode: 200,
+        body: []
+      }).as('getNotes');
+
+      visitWithAuth('/home');
+      cy.wait('@getTasks');
+    });
+
+    it('marks a task as done via the task dropdown menu', () => {
+      cy.intercept('DELETE', /\/rest\/tasks\/\d+/, {
+        statusCode: 204
+      }).as('markDone');
+
+      cy.get('[data-testid="task-dropdown-menu-1"]').click();
+      cy.get('[data-testid="task-dropdown-done-item-1"]').click();
+
+      cy.wait('@markDone');
+    });
+
+    it('marks a done task as undone via the task dropdown menu', () => {
+      cy.intercept('GET', /\/rest\/tasks$/, {
+        statusCode: 200,
+        body: [{ ...mockTask, done: true }]
+      }).as('getDoneTasks');
+
+      cy.intercept('DELETE', /\/rest\/tasks\/\d+/, {
+        statusCode: 204
+      }).as('markUndone');
+
+      cy.visit('/home', {
+        onBeforeLoad(win) {
+          win.localStorage.setItem('TASKNOTE-TOKEN', 'fake-jwt-token');
+          win.localStorage.setItem('TASKNOTE-USER', JSON.stringify(mockUser));
+        }
+      });
+
+      cy.wait('@getDoneTasks');
+
+      cy.get('[data-testid="task-dropdown-menu-1"]').click();
+      cy.get('[data-testid="task-dropdown-done-item-1"]').click();
+
+      cy.wait('@markUndone');
+    });
+  });
+});

client/cypress/support/commands.ts

@@ -0,0 +1,26 @@
+// Custom Cypress commands.
+// Add any project-wide custom commands here.
+
+// Prevent TypeScript errors for cy.login usage
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace Cypress {
+    interface Chainable {
+      /**
+       * Custom command to log in via the UI.
+       * @param email - User email address
+       * @param password - User password
+       */
+      login(email: string, password: string): Chainable<void>;
+    }
+  }
+}
+
+Cypress.Commands.add('login', (email: string, password: string) => {
+  cy.visit('/login');
+  cy.get('input[name="email"]').clear().type(email);
+  cy.get('input[name="password"]').clear().type(password);
+  cy.get('button[type="submit"]').click();
+});
+
+export {};

client/cypress/support/e2e.ts

@@ -0,0 +1,4 @@
+// Support file for Cypress E2E tests.
+// This file is loaded before each spec file.
+
+import './commands';

client/cypress/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["ESNext", "dom"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "types": ["cypress", "node"],
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "skipLibCheck": true
+  },
+  "include": [
+    "./**/*.ts",
+    "./**/*.tsx"
+  ]
+}

client/eslint.config.mjs

@@ -21,6 +21,7 @@ export default [
   {
     ignores: [
       '**/__test__/*',
+      'cypress/**',
       '**/assets/*',
       '**/*.scss',
       '**/*.css',

client/package.json

@@ -9,29 +9,28 @@
     "node",
     "nestjs"
   ],
-  "repository": "https://github.com/ricardo-campos-org/react-typescript-todolist",
+  "repository": "https://lightroasted.vps-kinghost.net/rmcampos/tasknote",
   "private": true,
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@types/node": "^25.6.0",
+    "@types/node": "^26.1.1",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.2.0",
+    "@vitejs/plugin-react": "^6.0.4",
     "bootstrap": "^5.3.8",
-    "dompurify": "^3.4.1",
-    "i18next": "^25.10.10",
-    "react": "^19.2.5",
+    "dompurify": "^3.4.12",
+    "i18next": "^26.3.6",
+    "react": "^19.2.8",
     "react-bootstrap": "^2.10.10",
     "react-bootstrap-icons": "^1.11.6",
     "react-charts": "^3.0.0-beta.57",
-    "react-datepicker": "^9.1.0",
-    "react-dom": "^19.2.5",
-    "react-i18next": "^16.6.6",
+    "react-dom": "^19.2.8",
+    "react-i18next": "^17.0.10",
     "react-markdown": "^10.1.0",
-    "react-router": "^7.14.2",
+    "react-router": "^8.3.0",
     "react-router-bootstrap": "^0.26.3",
     "remark-gfm": "^4.0.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.2"
+    "typescript": "^6.0.3",
+    "vite": "^8.1.5"
   },
   "scripts": {
     "start": "vite --host",
@@ -41,7 +40,10 @@
     "test:no-watch": "vitest --watch=false",
     "test:coverage": "vitest run --coverage --watch=false",
     "lint": "./node_modules/.bin/eslint",
-    "lint:fix": "./node_modules/.bin/eslint --fix"
+    "lint:fix": "./node_modules/.bin/eslint --fix",
+    "cypress:open": "cypress open",
+    "cypress:run": "cypress run",
+    "cypress:run:headless": "cypress run --headless"
   },
   "eslintConfig": {
     "extends": [
@@ -62,30 +64,31 @@
     ]
   },
   "devDependencies": {
-    "@eslint/compat": "^2.0.5",
-    "@eslint/eslintrc": "^3.3.5",
-    "@eslint/js": "^9.39.4",
+    "@eslint/compat": "^2.1.0",
+    "@eslint/eslintrc": "^3.3.6",
+    "@eslint/js": "^9.39.5",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/jest-dom": "^6.10.0",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-router-bootstrap": "^0.26.8",
-    "@vitest/coverage-v8": "^4.1.5",
-    "eslint": "^9.39.4",
+    "@vitest/coverage-v8": "^4.1.10",
+    "cypress": "^15.19.0",
+    "eslint": "^9.39.5",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jsdoc": "^62.9.0",
-    "eslint-plugin-n": "^17.24.0",
-    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-import-x": "^4.17.1",
+    "eslint-plugin-jsdoc": "^63.2.0",
+    "eslint-plugin-n": "^18.2.2",
+    "eslint-plugin-promise": "^7.3.0",
     "eslint-plugin-react": "^7.37.5",
-    "globals": "^17.5.0",
-    "jsdom": "^29.0.2",
-    "prettier": "^3.8.3",
-    "sass": "^1.99.0",
+    "globals": "^17.7.0",
+    "jsdom": "^29.1.1",
+    "prettier": "^3.9.6",
+    "sass": "^1.101.3",
     "source-map-support": "^0.5.21",
-    "typescript-eslint": "^8.59.0",
-    "vitest": "^4.1.5"
+    "typescript-eslint": "^8.65.0",
+    "vitest": "^4.1.10"
   }
 }

client/sonar-project.properties

@@ -1,21 +0,0 @@
-# Must be unique in a given SonarQube instance
-sonar.projectKey=ricardo-campos-org_react-typescript-todolist_client
-sonar.organization=ricardo-campos-org
-
-# This is the name and version displayed in the SonarQube UI.
-# Was mandatory prior to SonarQube 6.1.
-sonar.projectName=tasknote-webapp
-#sonar.projectVersion=1.0
- 
-# Path is relative to the sonar-project.properties file.
-# Replace "\" by "/" on Windows.
-# This property is optional if sonar.modules is set. 
-sonar.javascript.lcov.reportPaths=coverage/lcov.info
-sonar.typescript.tsconfigPaths=tsconfig.json
-sonar.sources=src/
-sonar.exclusions=src/__test__/**
-sonar.tests=src/__test__/
-sonar.verbose=false
-
-# Encoding of the source code. Default is default system encoding
-sonar.sourceEncoding=UTF-8

client/src/App.tsx

@@ -27,7 +27,7 @@ import './styles/custom.scss';
  * @returns {React.ReactNode} The rendered component.
  */
 function App(): React.ReactNode {
-  const { signed, checkCurrentAuthUser } = useContext(AuthContext);
+  const { signed, loading } = useContext(AuthContext);
   const [theme, setTheme] = useState(() => {
     return localStorage.getItem('theme') ?? 'light';
   });
@@ -103,7 +103,7 @@ function App(): React.ReactNode {
 
   /**
    * Determines the appropriate router based on the user's authentication status.
-   * @returns {Router} The configured router.
+   * @returns The configured router.
    */
   const getBrowserRouter = () => {
     if (signed) {
@@ -114,10 +114,6 @@ function App(): React.ReactNode {
 
   const browserRouter = getBrowserRouter();
 
-  useEffect(() => {
-    checkCurrentAuthUser(window.location.pathname);
-  }, []);
-
   useEffect(() => {
     document.body.setAttribute('data-bs-theme', theme);
     localStorage.setItem('theme', theme);
@@ -138,9 +134,9 @@ function App(): React.ReactNode {
       </button>
 
       {/* Your routes or content here */}
-      <RouterProvider router={browserRouter} />
+      {!loading && <RouterProvider router={browserRouter} />}
     </>
   );
-};
+}
 
 export default App;

client/src/__test__/App.test.tsx

@@ -1,16 +1,24 @@
-import React from 'react';
+import React, { act } from 'react';
 import { test, vi } from 'vitest';
 import App from '../App';
-import { act, render } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import AuthContext from '../context/AuthContext';
 import authContextMock from './__mocks__/authContextMock';
 import SidebarContext from '../context/SidebarContext';
+import FilterContext from '../context/FilterContext';
 
 const sidebarContextMock = {
   currentPage: '/home',
   setNewPage: vi.fn()
 };
 
+const filterContextMock = {
+  filterText: '',
+  selectedOption: 'everything',
+  setFilterText: vi.fn(),
+  setSelectedOption: vi.fn()
+};
+
 vi.mock('react-charts', () => ({
   Chart: ({ options }) => <div data-testid="mocked-chart">Mocked Chart</div>
 }));
@@ -20,7 +28,9 @@ test('Renders the app', async () => {
     render(
       <AuthContext.Provider value={authContextMock}>
         <SidebarContext.Provider value={sidebarContextMock}>
-          <App />
+          <FilterContext.Provider value={filterContextMock}>
+            <App />
+          </FilterContext.Provider>
         </SidebarContext.Provider>
       </AuthContext.Provider>
     );

client/src/__test__/__mocks__/authContextMock.ts

@@ -2,6 +2,7 @@ import { vi } from "vitest";
 
 const authContextMock = {
   signed: true,
+  loading: false,
   user: undefined,
   checkCurrentAuthUser: vi.fn(),
   signIn: vi.fn(),

client/src/__test__/components/AlertError.test.tsx

@@ -7,7 +7,7 @@ describe('AlertError Component tests', () => {
   const dataTestId: string = "alert-error-msg-tests";
   const renderAlert = (message?: string) => {
     return render(
-      <AlertError errorMessage={message} dataTestid={dataTestId} />
+      <AlertError errorMessage={message} dataTestId={dataTestId} />
     );
   };
 

client/src/__test__/components/LoginForm.test.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import React, { act } from 'react';
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 import { BrowserRouter } from 'react-router';
 import { fireEvent, render, screen } from '@testing-library/react';
 import LoginForm from '../../components/LoginForm';
@@ -119,6 +119,7 @@ describe('LoginForm Component test', () => {
   });
 
   it('should disable resend button and show countdown for "register" prefix', async () => {
+    vi.useFakeTimers();
     renderFn("register");
 
     const emailInput = screen.getByTestId('register_email_input');
@@ -129,9 +130,36 @@ describe('LoginForm Component test', () => {
     fireEvent.change(emailInput, { target: { value: 'test@example.com' } });
     fireEvent.change(passwordInput, { target: { value: 'password123' } });
     fireEvent.change(repeatPasswordInput, { target: { value: 'password123' } });
-    fireEvent.click(submitButton);
+    
+    await act(async () => {
+      fireEvent.click(submitButton);
+    });
 
     const resendButton = screen.queryByRole('button', { name: /resend confirmation email/i }) as HTMLButtonElement;
     expect(resendButton).toBeNull();
+    
+    vi.useRealTimers();
+  });
+
+  it('should display resend button when login fails with "Email not confirmed!"', async () => {
+    authContextMock.signIn.mockRejectedValue(new Error('Email not confirmed!'));
+    renderFn("login");
+
+    const emailInput = screen.getByTestId('login_email_input');
+    const passwordInput = screen.getByTestId('account-password-login');
+    const submitButton = screen.getByRole('button', { name: /login/i });
+
+    fireEvent.change(emailInput, { target: { value: 'test@example.com' } });
+    fireEvent.change(passwordInput, { target: { value: 'password123' } });
+    
+    await act(async () => {
+      fireEvent.click(submitButton);
+    });
+
+    const errorMessage = await screen.findByText(/email not confirmed/i);
+    expect(errorMessage).toBeDefined();
+
+    const resendButton = screen.getByRole('button', { name: /resend confirmation email/i });
+    expect(resendButton).toBeDefined();
   });
 });

client/src/__test__/components/ModalMarkdown.test.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { describe, vi, it, expect, beforeEach } from 'vitest';
-import { render, screen, fireEvent, act, waitFor } from '@testing-library/react';
+import { describe, vi, it, expect, beforeEach, afterEach } from 'vitest';
+import { render, screen, fireEvent, act, waitFor, cleanup } from '@testing-library/react';
 import ModalMarkdown from '../../components/ModalMarkdown';
 
 describe('ModalMarkdown Component', () => {
@@ -12,13 +12,19 @@ describe('ModalMarkdown Component', () => {
   };
 
   beforeEach(() => {
-    Object.assign(navigator, {
+    vi.stubGlobal('navigator', {
       clipboard: {
         writeText: vi.fn().mockResolvedValue(undefined),
       },
     });
   });
 
+  afterEach(() => {
+    vi.useRealTimers();
+    vi.unstubAllGlobals();
+    cleanup();
+  });
+
   it('should render the modal with the correct title and markdown text', () => {
     render(<ModalMarkdown {...props} />);
 
@@ -84,15 +90,29 @@ describe('ModalMarkdown Component', () => {
   });
 
   it('should show "Copied!" text after Copy button is clicked', async () => {
+    vi.useFakeTimers();
     render(<ModalMarkdown {...props} />);
 
+    const copyButton = screen.getByTestId('modal-copy-button');
+
     await act(async () => {
-      fireEvent.click(screen.getByTestId('modal-copy-button'));
+      fireEvent.click(copyButton);
     });
 
-    await waitFor(() => {
-      expect(screen.getByTestId('modal-copy-button').textContent).toBe('Copied!');
+    // Resolve microtasks for the clipboard promise
+    await act(async () => {
+      await vi.runAllTicks();
     });
+
+    expect(screen.getByTestId('modal-copy-button').textContent).toBe('Copied!');
+
+    // Advance timers to see it go back to "Copy"
+    await act(async () => {
+      vi.advanceTimersByTime(2000);
+    });
+
+    expect(screen.getByTestId('modal-copy-button').textContent).toBe('Copy');
+    vi.useRealTimers();
   });
 
   it('should reset source view state when modal is closed', () => {

client/src/__test__/components/TaskTag.test.tsx

@@ -5,14 +5,14 @@ import TaskTag from '../../components/TaskTag';
 
 describe('TaskTag Component', () => {
   it('should render the TaskTag component with provided tag and last update', () => {
-    const { getByText } = render(<TaskTag tag="important" lastUpdate="2025-02-20" />);
-    expect(getByText('#important')).toBeDefined();
+    const { getByText } = render(<TaskTag tags={['important']} lastUpdate="2025-02-20" taskOrNote="task" />);
+    expect(getByText('#important task')).toBeDefined();
     expect(getByText('2025-02-20')).toBeDefined();
   });
 
   it('should render the TaskTag component with default tag when no tag is provided', () => {
-    const { getByText } = render(<TaskTag lastUpdate="2025-02-20" />);
-    expect(getByText('#untagged')).toBeDefined();
+    const { getByText } = render(<TaskTag lastUpdate="2025-02-20" taskOrNote="task" />);
+    expect(getByText('#untagged task')).toBeDefined();
     expect(getByText('2025-02-20')).toBeDefined();
   });
 });

client/src/__test__/components/TaskTimeLeft.test.tsx

@@ -4,22 +4,22 @@ import { describe, expect, it } from 'vitest';
 import TaskTimeLeft from '../../components/TaskTimeLeft';
 
 describe('TaskTimeLeft Component', () => {
-  const renderComponent = (done: boolean) => {
+  const renderComponent = (completed: boolean) => {
     return render(
       <TaskTimeLeft
         text="2 days left"
-        done={done}
+        completed={completed}
         tooltip="2025-03-20"
       />
     );
   };
 
-  it('should render the TaskTimeLeft component with text when task is not done', () => {
+  it('should render the TaskTimeLeft component with text when task is not completed', () => {
     const { getByText } = renderComponent(false);
     expect(getByText('2 days left')).toBeDefined();
   });
 
-  it('should not render the TaskTimeLeft component when task is done', () => {
+  it('should not render the TaskTimeLeft component when task is completed', () => {
     const { queryByText } = renderComponent(true);
     expect(queryByText('2 days left')).toBeNull();
   });

client/src/__test__/components/TaskTitle.test.tsx

@@ -4,32 +4,32 @@ import { describe, expect, it } from 'vitest';
 import TaskTitle from '../../components/TaskTitle';
 
 describe('TaskTitle Component', () => {
-  it('should render the TaskTitle component with high priority and done', () => {
-    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={true} done={true} />);
+  it('should render the TaskTitle component with high priority and completed', () => {
+    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={true} completed={true} />);
     expect(container.querySelector('.task-title-icon')).toBeDefined();
     expect(container.querySelector('.text-strike')).toBeDefined();
     expect(getByText('Test Task')).toBeDefined();
     expect(container.querySelector('svg')).toBeDefined(); // Check2Circle icon
   });
 
-  it('should render the TaskTitle component with high priority and not done', () => {
-    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={true} done={false} />);
+  it('should render the TaskTitle component with high priority and not completed', () => {
+    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={true} completed={false} />);
     expect(container.querySelector('.task-title-icon')).toBeDefined();
     expect(container.querySelector('.text-strike')).toBeNull();
     expect(getByText('Test Task')).toBeDefined();
     expect(container.querySelector('svg')).toBeDefined(); // Bell icon
   });
 
-  it('should render the TaskTitle component with not high priority and done', () => {
-    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={false} done={true} />);
+  it('should render the TaskTitle component with not high priority and completed', () => {
+    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={false} completed={true} />);
     expect(container.querySelector('.task-title-icon')).toBeDefined();
     expect(container.querySelector('.text-strike')).toBeDefined();
     expect(getByText('Test Task')).toBeDefined();
     expect(container.querySelector('svg')).toBeDefined(); // Check2Circle icon
   });
 
-  it('should render the TaskTitle component with not high priority and not done', () => {
-    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={false} done={false} />);
+  it('should render the TaskTitle component with not high priority and not completed', () => {
+    const { getByText, container } = render(<TaskTitle title="Test Task" highPriority={false} completed={false} />);
     expect(container.querySelector('.task-title-icon')).toBeDefined();
     expect(container.querySelector('.text-strike')).toBeNull();
     expect(getByText('Test Task')).toBeDefined();

client/src/__test__/context/AuthProvider.test.tsx

@@ -1,12 +1,13 @@
 // AuthProvider.test.tsx
-import React, { useContext } from 'react';
+import React, { useContext, act } from 'react';
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { render, act, waitFor, cleanup } from '@testing-library/react';
+import { render, waitFor, cleanup } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import AuthProvider from '../../context/AuthProvider';
 import AuthContext, { AuthContextData } from '../../context/AuthContext';
 import api from '../../api-service/api';
 import { API_TOKEN, USER_DATA } from '../../app-constants/app-constants';
+import ApiConfig from '../../api-service/apiConfig';
 
 // Mock the API service methods.
 vi.mock('../../api-service/api');
@@ -15,6 +16,7 @@ vi.mock('../../api-service/api');
 const ConsumerComponent: React.FC = () => {
   const {
     signed,
+    loading,
     user,
     signIn,
     register,
@@ -26,6 +28,7 @@ const ConsumerComponent: React.FC = () => {
   return (
     <div>
       <div data-testid="signed">{signed ? 'true' : 'false'}</div>
+      <div data-testid="loading">{loading ? 'true' : 'false'}</div>
       <div data-testid="user">{user ? user.name : 'none'}</div>
       <button
         data-testid="signIn"
@@ -89,15 +92,70 @@ describe('AuthProvider', () => {
     cleanup();
   });
 
-  it('should render the default context values', () => {
+  it('should render the default context values', async () => {
     const { getByTestId } = render(
       <AuthProvider>
         <ConsumerComponent />
       </AuthProvider>
     );
 
+    await waitFor(() => {
+      expect(getByTestId('signed').textContent).toBe('false');
+      expect(getByTestId('user').textContent).toBe('none');
+    });
+  });
+
+  it('should set loading to false after initial auth check with no token', async () => {
+    // No token in localStorage, so fetchCurrentSession returns immediately.
+    const { getByTestId } = render(
+      <AuthProvider>
+        <ConsumerComponent />
+      </AuthProvider>
+    );
+
+    await waitFor(() =>
+      expect(getByTestId('loading').textContent).toBe('false')
+    );
     expect(getByTestId('signed').textContent).toBe('false');
-    expect(getByTestId('user').textContent).toBe('none');
+  });
+
+  it('should set loading to false and signed to true after successful initial auth check', async () => {
+    const fakeTokenResponse = {
+      token: 'refresh-token',
+    };
+    const fakeCurrentUser = {
+      userId: '789',
+      name: 'Refreshed User',
+      email: 'refreshed@example.com',
+      admin: false,
+      createdAt: new Date().toISOString(),
+      gravatarImageUrl: 'http://dummyimage.com',
+      lang: 'en',
+      lastLogin: new Date().toISOString()
+    };
+
+    vi.spyOn(api, 'getJSON').mockImplementation(async(url: string) => {
+      if (url === ApiConfig.refreshTokenUrl) {
+        return fakeTokenResponse;
+      }
+      if (url === ApiConfig.currentUserUrl) {
+        return fakeCurrentUser;
+      }
+      return undefined;
+    });
+    localStorage.setItem(API_TOKEN, 'dummy');
+
+    const { getByTestId } = render(
+      <AuthProvider>
+        <ConsumerComponent />
+      </AuthProvider>
+    );
+
+    await waitFor(() =>
+      expect(getByTestId('loading').textContent).toBe('false')
+    );
+    expect(getByTestId('signed').textContent).toBe('true');
+    expect(getByTestId('user').textContent).toBe('Refreshed User');
   });
 
   it('should sign in a user successfully', async () => {
@@ -120,9 +178,7 @@ describe('AuthProvider', () => {
       </AuthProvider>
     );
 
-    await act(async () => {
-      userEvent.click(getByTestId('signIn'));
-    });
+    await userEvent.click(getByTestId('signIn'));
 
     await waitFor(() =>
       expect(getByTestId('signed').textContent).toBe('true')
@@ -169,18 +225,14 @@ describe('AuthProvider', () => {
     );
 
     // Make sure that the context initially renders with the signed user by triggering a signIn.
-    await act(async () => {
-      userEvent.click(getByTestId('signIn'));
-    });
+    await userEvent.click(getByTestId('signIn'));
 
     await waitFor(() =>
       expect(getByTestId('signed').textContent).toBe('true')
     );
 
     // Now sign out
-    await act(async () => {
-      userEvent.click(getByTestId('sign-out-btn'));
-    });
+    await userEvent.click(getByTestId('sign-out-btn'));
 
     await waitFor(() =>
       expect(getByTestId('signed').textContent).toBe('false')
@@ -198,14 +250,10 @@ describe('AuthProvider', () => {
       </AuthProvider>
     );
 
-    await act(async () => {
-      userEvent.click(getByTestId('updateUser'));
-    });
+    await userEvent.click(getByTestId('updateUser'));
 
     await waitFor(() => {
-      act(() => {
-        expect(getByTestId('user').textContent).toBe('Updated User')
-      })
+      expect(getByTestId('user').textContent).toBe('Updated User')
       const savedUser = localStorage.getItem(USER_DATA);
       expect(savedUser).not.toBeNull();
       
@@ -217,17 +265,29 @@ describe('AuthProvider', () => {
   });
 
   it('should call fetchCurrentSession when checking current auth user', async () => {
-    const fakeResponse = {
+    const fakeTokenResponse = {
       token: 'refresh-token',
+    };
+    const fakeCurrentUser = {
       userId: '789',
       name: 'Refreshed User',
       email: 'refreshed@example.com',
       admin: false,
       createdAt: new Date().toISOString(),
-      gravatarImageUrl: 'http://dummyimage.com'
+      gravatarImageUrl: 'http://dummyimage.com',
+      lang: 'en',
+      lastLogin: new Date().toISOString()
     };
 
-    vi.spyOn(api, 'getJSON').mockResolvedValue(fakeResponse);
+    vi.spyOn(api, 'getJSON').mockImplementation(async(url: string) => {
+      if (url === ApiConfig.refreshTokenUrl) {
+        return fakeTokenResponse;
+      }
+      if (url === ApiConfig.currentUserUrl) {
+        return fakeCurrentUser;
+      }
+      return undefined;
+    });
 
     // Store API_TOKEN so that fetchCurrentSession runs the refresh logic.
     localStorage.setItem(API_TOKEN, 'dummy');
@@ -249,8 +309,9 @@ describe('AuthProvider', () => {
 
     await user.click(getByTestIdFunction('checkCurrentAuthUser'));
 
-    await waitFor(() =>
-      expect(localStorage.getItem(API_TOKEN)).toBe('refresh-token')
-    );
+    await waitFor(() => {
+      expect(localStorage.getItem(API_TOKEN)).toBe('refresh-token');
+      expect(localStorage.getItem(USER_DATA)).toContain('Refreshed User');
+    });
   });
 });

client/src/__test__/context/SidebarProvider.test.tsx

@@ -60,7 +60,7 @@ describe('SidebarProvider', () => {
     });
 
     await waitFor(() =>
-      expect(getByTestId('page').textContent).toBe('/another')
+      expect(getByTestId('page').textContent).toBe('/home')
     );
   });
 });

client/src/__test__/setup.ts

@@ -1,6 +1,8 @@
-import { afterEach, beforeEach } from 'vitest';
+// @ts-ignore
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+
+import { afterEach, beforeEach, vi } from 'vitest';
 import { cleanup } from '@testing-library/react';
-import { vi } from 'vitest';
 
 // runs a cleanup after each test case (e.g. clearing jsdom)
 afterEach(() => {

client/src/__test__/utils/PortugueseUtils.test.ts

@@ -28,6 +28,8 @@ describe('Portuguese Utils unit tests', () => {
     expect(translateTimeMessage('1 month left', 'pt_br')).toBe('1 mês restante');
     expect(translateTimeMessage('2 days left', 'pt_br')).toBe('2 dias restantes');
     expect(translateTimeMessage('1 day left', 'pt_br')).toBe('1 dia restante');
+    expect(translateTimeMessage('Due tomorrow', 'pt_br')).toBe('Vence amanhã');
+    expect(translateTimeMessage('Due today', 'pt_br')).toBe('Vence hoje');
     expect(translateTimeMessage('lala', 'pt_br')).toBe('lala');
     expect(translateTimeMessage('null', 'pt_br')).toBe('null');
   });

client/src/__test__/utils/RussianUtils.test.ts

@@ -49,6 +49,8 @@ describe('Russian Utils unit tests', () => {
     expect(translateTimeMessage('7 days left', 'ru')).toBe('осталось 7 дней');
     expect(translateTimeMessage('8 days left', 'ru')).toBe('осталось 8 дней');
     expect(translateTimeMessage('9 days left', 'ru')).toBe('осталось 9 дней');
+    expect(translateTimeMessage('Due tomorrow', 'ru')).toBe('Срок завтра');
+    expect(translateTimeMessage('Due today', 'ru')).toBe('Срок сегодня');
     expect(translateTimeMessage('lala', 'ru')).toBe('lala');
     expect(translateTimeMessage('null', 'ru')).toBe('null');
   });

client/src/__test__/utils/SpanishUtils.test.ts

@@ -28,6 +28,8 @@ describe('Spanish Utils unit tests', () => {
     expect(translateTimeMessage('1 month left', 'es')).toBe('Falta 1 mes');
     expect(translateTimeMessage('2 days left', 'es')).toBe('Faltan 2 días');
     expect(translateTimeMessage('1 day left', 'es')).toBe('Falta 1 día');
+    expect(translateTimeMessage('Due tomorrow', 'es')).toBe('Vence mañana');
+    expect(translateTimeMessage('Due today', 'es')).toBe('Vence hoy');
     expect(translateTimeMessage('lala', 'es')).toBe('lala');
     expect(translateTimeMessage('null', 'es')).toBe('null');
   });

client/src/__test__/utils/TranslatorUtils.test.ts

@@ -6,7 +6,7 @@ const tasks: TaskResponse[] = [
   {
     id: 1,
     description: 'description',
-    done: false,
+    completed: false,
     highPriority: true,
     dueDate: '',
     dueDateFmt: '',

client/src/__test__/views/About.test.tsx

@@ -25,5 +25,8 @@ describe('Renders the about view', () => {
     expect(getByText('Find more information about us and the app')).toBeDefined();
     expect(getByText('Tasks and notes made')).toBeDefined();
     expect(getByText('Easy')).toBeDefined();
+    expect(getByText('About TaskNote')).toBeDefined();
+    expect(getByText('Technology')).toBeDefined();
+    expect(getByText('About the Developer')).toBeDefined();
   });
 });

client/src/__test__/views/Home.test.tsx

@@ -22,7 +22,11 @@ vi.mock('react-i18next', () => ({
 vi.mock('../../api-service/api', () => ({
   default: {
     getJSON: vi.fn(),
-    deleteNoContent: vi.fn()
+    postJSON: vi.fn(),
+    patchJSON: vi.fn(),
+    putJSON: vi.fn(),
+    deleteNoContent: vi.fn(),
+    getJSONNoAuth: vi.fn()
   }
 }));
 
@@ -42,7 +46,9 @@ vi.mock('react-router', () => ({
 }));
 
 vi.mock('react-bootstrap-icons', () => ({
-  ThreeDotsVertical: () => <div data-testid="three-dots-icon">•••</div>
+  ThreeDotsVertical: () => <div data-testid="three-dots-icon">•••</div>,
+  CheckSquare: () => <div data-testid="task-icon">☑</div>,
+  JournalText: () => <div data-testid="note-icon">📝</div>
 }));
 
 // Mock components
@@ -55,7 +61,19 @@ vi.mock('../../components/AlertError', () => ({
 }));
 
 vi.mock('../../components/ModalMarkdown', () => ({
-  default: (props: any) => <div data-testid="modal-markdown">{props.show ? 'Modal Open' : ''}</div>
+  default: (props: any) => (
+    <div data-testid="modal-markdown">
+      {props.show ? (
+        <div>
+          <div data-testid="modal-title">{props.title}</div>
+          <div data-testid="modal-content">{props.markdownText}</div>
+          <button data-testid="modal-close" onClick={props.onHide}>Close</button>
+        </div>
+      ) : (
+        ''
+      )}
+    </div>
+  )
 }));
 
 vi.mock('../../components/TaskTitle', () => ({
@@ -67,7 +85,14 @@ vi.mock('../../components/TaskTimeLeft', () => ({
 }));
 
 vi.mock('../../components/TaskTag', () => ({
-  default: (props: any) => <div data-testid="task-tag">{props.tag}</div>
+  default: (props: any) => (
+    <div data-testid="task-tag">
+      {props.tag}
+      {props.taskOrNote === 'note' && props.onClick && (
+        <a href="#" data-testid="open-it" onClick={props.onClick}>Open it</a>
+      )}
+    </div>
+  )
 }));
 
 vi.mock('../../components/NoteTitle', () => ({
@@ -79,9 +104,9 @@ const mockTasks: TaskResponse[] = [
   {
     id: 1,
     description: 'Task 1',
-    done: false,
+    completed: false,
     urls: ['http://example.com'],
-    tag: 'work',
+    tags: ['work'],
     lastUpdate: '2023-10-10',
     highPriority: true,
     dueDateFmt: '2 days left',
@@ -90,9 +115,9 @@ const mockTasks: TaskResponse[] = [
   {
     id: 2,
     description: 'Task 2',
-    done: true,
+    completed: true,
     urls: [],
-    tag: 'home',
+    tags: ['home'],
     lastUpdate: '2023-10-09',
     highPriority: false,
     dueDateFmt: '',
@@ -105,17 +130,23 @@ const mockNotes: NoteResponse[] = [
     id: 1,
     title: 'Note 1',
     description: 'Line 1\nLine 2\nLine 3',
-    tag: 'work',
+    tags: ['work'],
     lastUpdate: '2023-10-10',
-    url: 'http://example.com'
+    url: 'http://example.com',
+    shared: false,
+    shareToken: null,
+    archived: false
   },
   {
     id: 2,
     title: 'Note 2',
     description: 'This is a sample\nnote content',
-    tag: 'personal',
+    tags: ['personal'],
     lastUpdate: '2023-10-09',
-    url: null
+    url: null,
+    shared: false,
+    shareToken: null,
+    archived: false
   }
 ];
 
@@ -166,6 +197,7 @@ describe('Home Component', () => {
       return Promise.resolve([]);
     });
     (api.deleteNoContent as any).mockResolvedValue(undefined);
+    (api.putJSON as any).mockResolvedValue(undefined);
     
     // Mock window.innerWidth for the cleanText function
     Object.defineProperty(window, 'innerWidth', {
@@ -194,6 +226,8 @@ describe('Home Component', () => {
     await waitFor(() => {
       expect(screen.getAllByTestId('task-title').length).toBe(2);
       expect(screen.getAllByTestId('note-title').length).toBe(2);
+      expect(screen.getAllByTestId('task-icon').length).toBe(2);
+      expect(screen.getAllByTestId('note-icon').length).toBe(2);
     });
   });
 
@@ -328,14 +362,19 @@ describe('Home Component', () => {
       fireEvent.click(markAsDoneButton!);
     });
 
-    // Should call deleteNoContent API
-    expect(api.deleteNoContent).toHaveBeenCalledWith(expect.stringContaining('/1'));
+    // Should call patchJSON API with completed: true
+    expect(api.patchJSON).toHaveBeenCalledWith(
+      expect.stringContaining('/1'),
+      expect.objectContaining({ completed: true })
+    );
     
     // Should reload tasks
     expect(api.getJSON).toHaveBeenCalledWith(expect.stringContaining('tasks'));
   });
 
-  test('deletes note', async () => {
+  test('archives note', async () => {
+    (api.putJSON as any).mockResolvedValue(undefined);
+
     await act(async () => {
       renderHome();
     });
@@ -348,25 +387,24 @@ describe('Home Component', () => {
     const noteDropdownToggles = screen.getAllByTestId('three-dots-icon');
     // Note dropdowns start after task dropdowns
     const firstNoteDropdown = noteDropdownToggles[mockTasks.length];
-    
+
     // Click the dropdown toggle
     await act(async () => {
       fireEvent.click(firstNoteDropdown);
     });
 
-    // Find and click the "Delete" option by testId
-    const deleteButtons = screen.getAllByRole('button');
-    const deleteButton = deleteButtons.find(
-      button => button.textContent === 'task_table_action_delete'
-    );
+    // Find and click the "Archive" option by testId
+    const archiveButton = screen.getByTestId('note-dropdown-archive-item-1');
 
     await act(async () => {
-      fireEvent.click(deleteButton!);
+      fireEvent.click(archiveButton);
+    });
+
+    // Should call archive API immediately
+    await waitFor(() => {
+      expect(api.putJSON).toHaveBeenCalledWith(expect.stringContaining('/notes/1/archive'), {});
     });
 
-    // Should call deleteNoContent API
-    expect(api.deleteNoContent).toHaveBeenCalledWith(expect.stringContaining('/2'));
-    
     // Should reload notes
     expect(api.getJSON).toHaveBeenCalledWith(expect.stringContaining('notes'));
   });
@@ -455,7 +493,7 @@ describe('Home Component', () => {
     });
   });
 
-  test('keeps filter selection after deleting a note', async () => {
+  test('keeps filter selection after archiving a note', async () => {
     await act(async () => {
       renderHome();
     });
@@ -487,11 +525,11 @@ describe('Home Component', () => {
     });
 
     const deleteButtons = screen.getAllByRole('button');
-    const deleteButton = deleteButtons.find(
-      button => button.textContent === 'task_table_action_delete'
+    const archiveButton = deleteButtons.find(
+      button => button.textContent === 'note_action_archive'
     );
     await act(async () => {
-      fireEvent.click(deleteButton!);
+      fireEvent.click(archiveButton!);
     });
 
     // After reload, filter should still be applied - tasks should remain hidden
@@ -541,6 +579,79 @@ describe('Home Component', () => {
       expect(screen.getAllByTestId('task-title')[0].textContent).toBe('Task 1');
     });
   });
+
+  test('saves note ID to localStorage when opening modal', async () => {
+    await act(async () => {
+      renderHome();
+    });
+
+    await waitFor(() => {
+      expect(screen.getAllByTestId('open-it').length).toBe(2);
+    });
+
+    const openItLinks = screen.getAllByTestId('open-it');
+    await act(async () => {
+      fireEvent.click(openItLinks[1]);
+    });
+
+    expect(localStorage.getItem('OPEN_NOTE_ID')).toBe('1');
+    expect(screen.getByTestId('modal-title').textContent).toBe('Note 1');
+    expect(screen.getByTestId('modal-content').textContent).toBe('Line 1\nLine 2\nLine 3');
+  });
+
+  test('restores open note modal from localStorage on reload', async () => {
+    localStorage.setItem('OPEN_NOTE_ID', '2');
+
+    await act(async () => {
+      renderHome();
+    });
+
+    await waitFor(() => {
+      expect(screen.getByTestId('modal-title').textContent).toBe('Note 2');
+    });
+
+    expect(screen.getByTestId('modal-content').textContent).toBe('This is a sample\nnote content');
+  });
+
+  test('does not restore modal if localStorage note ID not found', async () => {
+    localStorage.setItem('OPEN_NOTE_ID', '999');
+
+    await act(async () => {
+      renderHome();
+    });
+
+    await waitFor(() => {
+      expect(screen.getAllByTestId('note-title').length).toBe(2);
+    });
+
+    const modal = screen.getByTestId('modal-markdown');
+    expect(modal.textContent).toBe('');
+    expect(localStorage.getItem('OPEN_NOTE_ID')).toBeNull();
+  });
+
+  test('clears localStorage when closing modal', async () => {
+    await act(async () => {
+      renderHome();
+    });
+
+    await waitFor(() => {
+      expect(screen.getAllByTestId('open-it').length).toBe(2);
+    });
+
+    const openItLinks = screen.getAllByTestId('open-it');
+    await act(async () => {
+      fireEvent.click(openItLinks[1]);
+    });
+
+    expect(localStorage.getItem('OPEN_NOTE_ID')).toBe('1');
+
+    const closeButton = screen.getByTestId('modal-close');
+    await act(async () => {
+      fireEvent.click(closeButton);
+    });
+
+    expect(localStorage.getItem('OPEN_NOTE_ID')).toBeNull();
+  });
   /*
   test('getFirstRows properly formats note preview', async () => {
     await act(async () => {

client/src/__test__/views/NoteAdd.test.tsx

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { act } from 'react';
 import { render, fireEvent, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MemoryRouter } from 'react-router';
 import { I18nextProvider } from 'react-i18next';
@@ -16,6 +17,7 @@ vi.mock('../../api-service/api', () => ({
   default: {
     postJSON: vi.fn(),
     getJSON: vi.fn(),
+    patchJSON: vi.fn(),
   }
 }));
 
@@ -82,6 +84,7 @@ vi.mock('../../utils/TranslatorUtils', () => ({
 
 const mockedApi = vi.mocked(api);
 const mockedUseParams = vi.mocked(useParams);
+const mockedUseSearchParams = vi.mocked(useSearchParams);
 
 describe('NoteAdd Component', () => {
   const renderNoteAdd = () => {
@@ -100,13 +103,17 @@ describe('NoteAdd Component', () => {
 
   beforeEach(() => {
     // Reset mock between tests
-    (useSearchParams as unknown as ReturnType<typeof vi.fn>).mockReset();
+    mockedUseSearchParams.mockReturnValue([new URLSearchParams(), vi.fn()]);
+    mockedUseParams.mockReturnValue({});
     vi.clearAllMocks();
-    vi.resetAllMocks();
   });
 
-  it('should render the NoteAdd component', () => {
-    const { getByText } = renderNoteAdd();
+  it('should render the NoteAdd component', async () => {
+    let result: any;
+    await act(async () => {
+      result = renderNoteAdd();
+    });
+    const { getByText } = result;
     expect(getByText('note_form_title_label')).toBeDefined();
     expect(getByText('task_form_url_label')).toBeDefined();
     expect(getByText('note_form_content_label')).toBeDefined();
@@ -116,15 +123,18 @@ describe('NoteAdd Component', () => {
   it('should show error message when form is invalid', async () => {
     const { getByText, getByRole } = renderNoteAdd();
     const submitButton = getByRole('button', { name: 'note_form_submit' });
+    
     fireEvent.click(submitButton);
+
     await waitFor(() => {
       expect(getByText('Please fill in all the fields')).toBeDefined();
     });
   });
 
   it('should add a new note when form is valid', async () => {
-    (useSearchParams as unknown as ReturnType<typeof vi.fn>).mockReturnValue([
+    mockedUseSearchParams.mockReturnValue([
       new URLSearchParams("backTo=home"),
+      vi.fn(),
     ]);
 
     const { getByLabelText, getByTestId, getByRole } = renderNoteAdd();
@@ -142,17 +152,22 @@ describe('NoteAdd Component', () => {
         title: 'New Note',
         description: 'Note content',
         url: '',
-        tag: '',
+        tags: [],
         lastUpdate: '',
         shared: false,
-        shareToken: null
+        shareToken: null,
+        archived: false
       }
       expect(api.postJSON).toHaveBeenCalledWith(ApiConfig.notesUrl, newNote);
     });
   });
 
-  it('should render text based on new contentHeader component', () => {
-    const { getByText } = renderNoteAdd();
+  it('should render text based on new contentHeader component', async () => {
+    let result: any;
+    await act(async () => {
+      result = renderNoteAdd();
+    });
+    const { getByText } = result;
 
     expect(getByText('Add')).toBeDefined();
     expect(getByText('Note')).toBeDefined();
@@ -169,8 +184,10 @@ describe('NoteAdd Component', () => {
       title: 'Note one',
       description: 'Description of note one',
       url: 'http://notes.domain.com',
-      tag: 'dev',
+      tags: ['dev'],
       lastUpdate: '3 minutes ago',
+      shared: false,
+      shareToken: null
     };
   
     vi.spyOn(api, 'getJSON').mockResolvedValue(toEdit);
@@ -195,8 +212,10 @@ describe('NoteAdd Component', () => {
       title: 'Old title',
       description: 'Old description',
       url: 'http://notes.domain.com',
-      tag: 'dev',
+      tags: ['dev'],
       lastUpdate: '1 minute ago',
+      shared: false,
+      shareToken: null
     };
   
     vi.spyOn(api, 'getJSON').mockResolvedValue(toClone);

client/src/__test__/views/TaskAdd.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { act } from 'react';
 import { render, fireEvent, waitFor } from '@testing-library/react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { MemoryRouter } from 'react-router';
@@ -23,7 +23,7 @@ vi.mock('react-i18next', () => ({
   }),
   initReactI18next: {
     type: '3rdParty',
-    init: vi.fn(),
+    init:  vi.fn(),
   },
   I18nextProvider: ({ children }: any) => children,
 }));
@@ -82,8 +82,12 @@ describe('TaskAdd Component', () => {
     (useSearchParams as unknown as ReturnType<typeof vi.fn>).mockReset();
   });
 
-  it('should render the TaskAdd component', () => {
-    const { getByText } = renderTaskAdd();
+  it('should render the TaskAdd component', async () => {
+    let result: any;
+    await act(async () => {
+      result = renderTaskAdd();
+    });
+    const { getByText } = result;
     expect(getByText('task_form_title')).toBeDefined();
     expect(getByText('task_form_desc_label')).toBeDefined();
     expect(getByText('task_form_url_label')).toBeDefined();
@@ -92,7 +96,11 @@ describe('TaskAdd Component', () => {
   });
 
   it('should show error message when form is invalid', async () => {
-    const { getByText, getByRole } = renderTaskAdd();
+    let result: any;
+    await act(async () => {
+      result = renderTaskAdd();
+    });
+    const { getByText, getByRole } = result;
     const submitButton = getByRole('button', { name: 'task_form_submit' });
     fireEvent.click(submitButton);
     await waitFor(() => {
@@ -105,7 +113,11 @@ describe('TaskAdd Component', () => {
       new URLSearchParams("backTo=home"),
     ]);
 
-    const { getByLabelText, getByRole } = renderTaskAdd();
+    let result: any;
+    await act(async () => {
+      result = renderTaskAdd();
+    });
+    const { getByLabelText, getByRole } = result;
     const descriptionInput = getByLabelText('task_form_desc_label') as HTMLInputElement;
     const submitButton = getByRole('button', { name: 'task_form_submit' });
 
@@ -118,19 +130,23 @@ describe('TaskAdd Component', () => {
         description: 'New Task',
         dueDate: '',
         highPriority: false,
-        tag: '',
+        tags: [],
         urls: []
       }
       expect(api.postJSON).toHaveBeenCalledWith(ApiConfig.tasksUrl, newTask);
     });
   });
 
-  it('should render text based on new contentHeader component', () => {
+  it('should render text based on new contentHeader component', async () => {
     (useSearchParams as unknown as ReturnType<typeof vi.fn>).mockReturnValue([
       new URLSearchParams("backTo=home"),
     ]);
 
-    const { getByText } = renderTaskAdd();
+    let result: any;
+    await act(async () => {
+      result = renderTaskAdd();
+    });
+    const { getByText } = result;
 
     expect(getByText('Add')).toBeDefined();
     expect(getByText('Task')).toBeDefined();

client/src/api-service/apiConfig.ts

@@ -28,7 +28,9 @@ const ApiConfig = {
 
   publicNotesUrl: `${server}/public/notes`,
 
-  userUrl: `${server}/rest/users`
+  userUrl: `${server}/rest/users`,
+
+  currentUserUrl: `${server}/rest/users/me`
 };
 
 export default ApiConfig;

client/src/components/AlertError/index.tsx

@@ -3,7 +3,7 @@ import { Alert } from 'react-bootstrap';
 
 type Props = {
   errorMessage?: string;
-  dataTestid?: string;
+  dataTestId?: string;
   onClose?: () => void;
 };
 
@@ -12,7 +12,7 @@ type Props = {
  *
  * @param {Props} props the AlertError props with the message to be displayed.
  * @param {string} [props.errorMessage] Optional error message.
- * @param {string} [props.dataTestid] Optional data-testid property.
+ * @param {string} [props.dataTestId] Optional data-testId property.
  * @param {Function} [props.onClose] OnClose function to be called.
  * @returns {React.ReactNode} the AlertError rendered component.
  */
@@ -25,7 +25,7 @@ const AlertError: React.FC<Props> = (props: Props): React.ReactNode => {
     <Alert
       variant="danger"
       dismissible
-      data-testid={props.dataTestid}
+      data-testid={props.dataTestId}
       onClose={props.onClose}
     >
       { props.errorMessage }

client/src/components/FormInput/FormInput.scss

@@ -0,0 +1,6 @@
+@import '../../styles/theme.scss';
+
+.form-control[type="date"] {
+  font-size: 16px; /* Prevents iOS zoom on focus */
+  border-left: none;
+}

client/src/components/FormInput/custom-datepicker.scss

@@ -1,34 +0,0 @@
-@import '../../styles/theme.scss';
-
-/* custom-datepicker.scss */
-.react-datepicker__input-container input {
-  font-size: 16px; /* Prevents iOS zoom on focus */
-  width: 100%;
-  border-radius: 4px;
-  border: 1px solid var(--bs-border-color);
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.react-datepicker-popper {
-  z-index: 9999 !important;
-}
-
-.react-datepicker__day {
-  margin: 0.2rem;
-  padding: 0.5rem;
-  border-radius: 4px;
-}
-
-/* Larger touch targets on mobile */
-@media (max-width: 768px) {
-  .react-datepicker__day,
-  .react-datepicker__month-text,
-  .react-datepicker__quarter-text,
-  .react-datepicker__year-text {
-    width: 2.5rem;
-    height: 2.5rem;
-    line-height: 2.5rem;
-    margin: 0.2rem;
-  }
-}

client/src/components/FormInput/index.tsx

@@ -1,11 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { Col, Form, InputGroup, Row } from 'react-bootstrap';
 import * as Icons from 'react-bootstrap-icons';
-import DatePicker from 'react-datepicker';
-import { MiddlewareReturn } from '@floating-ui/core';
-import { MiddlewareState } from '@floating-ui/dom';
-import 'react-datepicker/dist/react-datepicker.css';
-import './custom-datepicker.scss';
+import './FormInput.scss';
 
 type IconName = keyof typeof Icons;
 
@@ -17,10 +13,8 @@ interface Props {
   name: string;
   placeholder?: string;
   value?: string;
-  valueDate?: Date | null;
   onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-  onChangeDate?: (date: Date | null) => void;
-  data_testid?: string;
+  dataTestId?: string;
   pwdHideText?: string;
   pwdShowText?: string;
   pwdHelperTxt?: string;
@@ -63,40 +57,20 @@ function FormInput(props: React.PropsWithChildren<Props>): React.ReactNode {
             )}
           </Form.Label>
 
-          <InputGroup className="mb-3">
+          <InputGroup className="mb-3 flex-nowrap">
             <InputGroup.Text>
               <Icon />
             </InputGroup.Text>
-            {props.type == 'date'
+            {props.type === 'date'
               ? (
-                  <DatePicker
-                    selected={props?.valueDate}
-                    onChange={(date: Date | null) => {
-                      if (props.onChangeDate) {
-                        props.onChangeDate(date);
-                      }
-                    }}
-                    dateFormat="MMMM d, yyyy"
-                    className="form-control"
-                    id="date-input"
-                    placeholderText={props.placeholder}
-                    popperPlacement="bottom"
-                    popperModifiers={[
-                      {
-                        name: 'preventOverflow',
-                        options: {
-                          enabled: true,
-                          boundariesElement: 'viewport'
-                        },
-                        fn: function (state: MiddlewareState): MiddlewareReturn | Promise<MiddlewareReturn> {
-                          return state;
-                        }
-                      }
-                    ]}
-                    withPortal
-                    showYearDropdown
-                    showMonthDropdown
-                    dropdownMode="select"
+                  <Form.Control
+                    required={props.required}
+                    type="date"
+                    name={props.name}
+                    placeholder={props.placeholder ? props.placeholder : ''}
+                    value={props?.value}
+                    onChange={props.onChange}
+                    data-testid={props.dataTestId}
                   />
                 )
               : (
@@ -107,7 +81,7 @@ function FormInput(props: React.PropsWithChildren<Props>): React.ReactNode {
                     placeholder={props.placeholder ? props.placeholder : ''}
                     value={props?.value}
                     onChange={props.onChange}
-                    data-testid={props.data_testid}
+                    data-testid={props.dataTestId}
                   />
                 )}
           </InputGroup>

client/src/components/LoginForm/index.tsx

@@ -34,6 +34,7 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
   const [formInvalid, setFormInvalid] = useState<boolean>(false);
   const [errorMessage, setErrorMessage] = useState<string>('');
   const [successMessage, setSuccessMessage] = useState<string>('');
+  const [showResend, setShowResend] = useState<boolean>(false);
   const [email, setEmail] = useState<string>('');
   const [password, setPassword] = useState<string>('');
   const [passwordAgain, setPasswordAgain] = useState<string>('');
@@ -53,16 +54,16 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
   /**
    * Handles the form submit button click event.
    *
-   * When clicked, checks if the form is valid. It it's not, raise an error
-   * message in an Alert. Otherwise, it call the signIn API and navigates to the home page.
+   * When clicked, checks if the form is valid. If it's not, raise an error
+   * message in an Alert. Otherwise, it calls the signIn API and navigates to the home page.
    */
-  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>): Promise<void> => {
+  const handleSubmit = async (event: React.SubmitEvent<HTMLFormElement>): Promise<void> => {
     event.preventDefault();
     event.stopPropagation();
     setValidated(true);
 
     const form = event.currentTarget;
-    if (form.checkValidity() === false) {
+    if (!form.checkValidity()) {
       setFormInvalid(true);
       if (prefix === 'complete_reset') {
         setErrorMessage(translateServerResponse('Please fill in the new password', i18n.language));
@@ -82,6 +83,7 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
     }
 
     setFormInvalid(false);
+    setShowResend(false);
     try {
       if (prefix === 'login') {
         await signIn(email, password);
@@ -93,6 +95,7 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
         setPassword('');
         setPasswordAgain('');
         setSuccessMessage(translateServerResponse('Please confirm your email before proceeding', i18n.language));
+        setShowResend(true);
         setSecondsLeft(30);
         setIsResendEnabled(false);
       }
@@ -107,15 +110,19 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
       }
     }
     catch (e) {
-      console.log(e);
       setFormInvalid(true);
+      let msg = '';
       if (typeof e === 'string') {
         console.log('string');
-        setErrorMessage(translateServerResponse(e, i18n.language));
+        msg = e;
       }
       else if (e instanceof Error) {
-        console.log(e.message);
-        setErrorMessage(translateServerResponse(e.message, i18n.language));
+        msg = e.message;
+      }
+
+      setErrorMessage(translateServerResponse(msg, i18n.language));
+      if (msg === 'Email not confirmed!') {
+        setShowResend(true);
       }
     }
   };
@@ -124,7 +131,9 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
     try {
       await api.postJSON(ApiConfig.resendConfirmUrl, { email });
 
-      setSuccessMessage('Confirmation email re-sent! Please check the spam folder.');
+      setSuccessMessage(translateServerResponse('Confirmation email re-sent! Please check the spam folder.', i18n.language));
+      setFormInvalid(false);
+      setShowResend(true);
       setSecondsLeft(30);
       setIsResendEnabled(false);
     }
@@ -164,36 +173,48 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
 
               {formInvalid
                 ? (
-                    <Alert variant="danger">
-                      { errorMessage }
-                    </Alert>
+                    <>
+                      <Alert variant="danger">{errorMessage}</Alert>
+                      {showResend && (
+                        <div className="text-center mt-2">
+                          <Button
+                            variant="outline-secondary"
+                            size="sm"
+                            onClick={handleResend}
+                            disabled={!isResendEnabled}
+                          >
+                            {isResendEnabled
+                              ? `${t('register_resent_email')}`
+                              : `${t('register_resent_email_secs')} ${secondsLeft}`}
+                          </Button>
+                        </div>
+                      )}
+                    </>
                   )
                 : null}
 
-              {successMessage.length > 1 && prefix === 'register' && (
+              {successMessage.length > 1 && (
                 <>
                   <Alert variant="success">
                     { successMessage }
                   </Alert>
 
-                  <div className="text-center">
-                    <Button
-                      variant="outline-secondary"
-                      onClick={handleResend}
-                      disabled={!isResendEnabled}
-                    >
-                      {isResendEnabled ? `${t('register_resent_email')}` : `${t('register_resent_email_secs')} ${secondsLeft}`}
-                    </Button>
-                  </div>
+                  {showResend && (
+                    <div className="text-center mb-3">
+                      <Button
+                        variant="outline-secondary"
+                        onClick={handleResend}
+                        disabled={!isResendEnabled}
+                      >
+                        {isResendEnabled
+                          ? `${t('register_resent_email')}`
+                          : `${t('register_resent_email_secs')} ${secondsLeft}`}
+                      </Button>
+                    </div>
+                  )}
                 </>
               )}
 
-              {successMessage.length > 1 && prefix !== 'register' && (
-                <Alert variant="success">
-                  { successMessage }
-                </Alert>
-              )}
-
               <Form noValidate validated={validated} onSubmit={handleSubmit}>
                 {prefix !== 'complete_reset' && (
                   <FormInput
@@ -202,7 +223,7 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
                     required={true}
                     name="email"
                     placeholder={t(`${prefix}_email_placeholder`)}
-                    data_testid={`${prefix}_email_input`}
+                    dataTestId={`${prefix}_email_input`}
                     value={email}
                     onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                       setEmail(e.target.value);
@@ -225,7 +246,7 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
                     onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                       setPassword(e.target.value);
                     }}
-                    data_testid="account-password-login"
+                    dataTestId="account-password-login"
                   />
                 )}
 
@@ -244,7 +265,7 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
                     onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                       setPasswordAgain(e.target.value);
                     }}
-                    data_testid={`account-repeat-password-${prefix}`}
+                    dataTestId={`account-repeat-password-${prefix}`}
                   />
                 )}
 
@@ -259,7 +280,10 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
 
               <div className="text-center mt-3">
                 {t(`${prefix}_account`)}
-                <Link to={prefix === 'login' ? '/register' : '/login'} className="text-decoration-none ms-2">
+                <Link
+                  to={prefix === 'login' ? '/register' : '/login'}
+                  className="text-decoration-none ms-2"
+                >
                   {t(`${prefix}_go_other`)}
                 </Link>
               </div>
@@ -271,7 +295,10 @@ function LoginForm({ prefix }: { prefix: string }): React.ReactNode {
               </div>
               <div className="text-center mt-3">
                 {prefix === 'login' && (
-                  <Link to="/reset-password" className="text-decoration-none ms-2">
+                  <Link
+                    to="/reset-password"
+                    className="text-decoration-none ms-2"
+                  >
                     {t('login_forgot_password')}
                   </Link>
                 )}

client/src/components/ModalMarkdown/index.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import Button from 'react-bootstrap/Button';
 import Modal from 'react-bootstrap/Modal';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
@@ -10,6 +9,8 @@ type Props = {
   title: string;
   markdownText: string;
   onHide: () => void;
+  onSave?: () => Promise<boolean>;
+  saveButtonLabel?: string;
 };
 
 /**
@@ -73,23 +74,42 @@ const ModalMarkdown: React.FC<Props> = (props: Props): React.ReactNode => {
                 )}
           </Modal.Body>
           <Modal.Footer className="d-flex flex-wrap gap-2 justify-content-end">
-            <Button variant="outline-secondary" onClick={handleHide}>
+            <button
+              type="button"
+              onClick={handleHide}
+              className="home-new-item-secondary task-note-btn"
+            >
               Close
-            </Button>
-            <Button
-              variant={showSource ? 'info' : 'outline-info'}
+            </button>
+            <button
+              type="button"
               onClick={handleToggleSource}
               data-testid="modal-source-button"
+              className={`${showSource ? 'home-new-item' : 'home-new-item-secondary'} task-note-btn`}
             >
               Source
-            </Button>
-            <Button
-              variant="outline-primary"
+            </button>
+            <button
+              type="button"
               onClick={handleCopy}
               data-testid="modal-copy-button"
+              className="home-new-item-secondary task-note-btn"
             >
               {copied ? 'Copied!' : 'Copy'}
-            </Button>
+            </button>
+            {props.onSave && (
+              <button
+                type="button"
+                onClick={async () => {
+                  handleHide();
+                  await props.onSave!();
+                }}
+                data-testid="modal-save-button"
+                className="home-new-item task-note-btn"
+              >
+                {props.saveButtonLabel ?? 'Save note'}
+              </button>
+            )}
           </Modal.Footer>
         </Modal>
       )

client/src/components/Sidebar/index.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Nav } from 'react-bootstrap';
 import { NavLink } from 'react-router';
 import { useTranslation } from 'react-i18next';
@@ -22,6 +22,7 @@ interface Props {
 function Sidebar(props: React.PropsWithChildren<Props>): React.ReactNode {
   const { signOut, user } = useContext(AuthContext);
   const { currentPage, setNewPage } = useContext(SidebarContext);
+  const [lastSeen, setLastSeen] = useState('');
   const { t } = useTranslation();
   const build = `Build: ${env.VITE_BUILD}`;
 
@@ -46,7 +47,25 @@ function Sidebar(props: React.PropsWithChildren<Props>): React.ReactNode {
     return '';
   };
 
-  useEffect(() => {}, [user, currentPage]);
+  useEffect(() => {
+    if (user && user.lastLogin) {
+      const utcString = user.lastLogin.endsWith('Z') ? user.lastLogin : `${user.lastLogin}Z`;
+      const date = new Date(utcString);
+      if (Number.isNaN(date.getTime())) {
+        setLastSeen('');
+        return;
+      }
+      const fmtted = date.toLocaleString(navigator.language, {
+        timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        day: '2-digit',
+        month: '2-digit',
+        year: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit'
+      });
+      setLastSeen(fmtted);
+    }
+  }, [user]);
 
   return (
     <>
@@ -95,9 +114,12 @@ function Sidebar(props: React.PropsWithChildren<Props>): React.ReactNode {
 
         {/* Footer at the bottom */}
         <div className="mt-auto text-center text-muted py-3">
-          <small data-testid="footer-text">
-            {build}
-          </small>
+          {lastSeen && (
+            <div>
+              <small>{t('sidebar_last_seen', { time: lastSeen })}</small>
+            </div>
+          )}
+          <small data-testid="footer-text">{build}</small>
         </div>
       </div>
 

client/src/components/TaskTag/index.tsx

@@ -3,27 +3,29 @@ import { Col, Row } from 'react-bootstrap';
 import './style.css';
 
 interface Props {
-  readonly tag?: string;
+  readonly tags?: string[];
   readonly lastUpdate: string;
   readonly taskOrNote: 'task' | 'note';
   readonly onClick?: (e: React.MouseEvent<Element, MouseEvent>) => void;
 }
 
 /**
- * Renders the TaskTag component, displaying a tag and the last update time.
+ * Renders the TaskTag component, displaying tags and the last update time.
  *
  * @param {Props} props - The props for the component.
- * @param {string} [props.tag] - The tag for the task. If not provided, defaults to '#untagged'.
+ * @param {string[]} [props.tags] - The tags for the task. If not provided or empty, defaults to '#untagged'.
  * @param {string} props.lastUpdate - The last update time for the task.
  * @returns {React.ReactNode} The rendered TaskTag component.
  */
 function TaskTag(props: React.PropsWithChildren<Props>): React.ReactNode {
-  const tagText = props.tag ? `#${props.tag}` : '#untagged';
+  const tagContent = props.tags && props.tags.length > 0
+    ? props.tags.map(tag => `#${tag}`).join(' ')
+    : '#untagged';
 
   return (
     <Row>
-      <Col className="d-inline-block text-muted card-tag poppins-regular">
-        {tagText}
+      <Col className="d-inline-block card-tag poppins-regular">
+        {tagContent}
         {' '}
         {props.taskOrNote}
         {props.taskOrNote === 'note' && (
@@ -38,7 +40,7 @@ function TaskTag(props: React.PropsWithChildren<Props>): React.ReactNode {
           </>
         )}
       </Col>
-      <Col className="d-inline-block text-muted card-tag ms-5 text-end poppins-regular">
+      <Col className="d-inline-block card-tag ms-5 text-end poppins-regular">
         {props.lastUpdate}
       </Col>
     </Row>

client/src/components/TaskTag/style.css

@@ -1,3 +1,4 @@
 .card-tag {
   font-size: 13px;
+  color: rgba(var(--bs-body-color-rgb), 0.55);
 }

client/src/components/TaskTimeLeft/index.tsx

@@ -4,17 +4,17 @@ import { CalendarCheck } from 'react-bootstrap-icons';
 
 interface Props {
   text: string;
-  done: boolean;
+  completed: boolean;
   tooltip: string;
 }
 
 /**
- * Renders the TaskTimeLeft component if the task is not done, displaying
+ * Renders the TaskTimeLeft component if the task is not completed, displaying
  * a calendar icon and the time left for the task.
  *
  * @param {Props} props - Props for the TaskTimeLeft component.
  * @param {string} props.text - The time left for the task.
- * @param {boolean} props.done - Boolean value indicating if the task is done.
+ * @param {boolean} props.completed - Boolean value indicating if the task is completed.
  * @param {string} props.tooltip - The string representation of a Date instance.
  * @returns
  */
@@ -27,7 +27,7 @@ function TaskTimeLeft(props: React.PropsWithChildren<Props>): React.ReactNode |
       }).format(new Date(props.tooltip))
     : '';
 
-  return props.done
+  return props.completed
     ? null
     : (
         <div className="d-block task-due-date">

client/src/components/TaskTitle/index.tsx

@@ -5,7 +5,7 @@ import './style.css';
 
 interface Props {
   readonly title: string;
-  readonly done: boolean;
+  readonly completed: boolean;
   readonly taskUrl: string[];
 }
 
@@ -14,14 +14,14 @@ interface Props {
  *
  * @param {Props} props - The props for the component.
  * @param {string} [props.title] - The title for the task.
- * @param {boolean} [props.done] - Define if the task is completed.
+ * @param {boolean} [props.completed] - Define if the task is completed.
  * @returns {React.ReactNode} The rendered TaskTitle component.
  */
 function TaskTitle(props: React.PropsWithChildren<Props>): React.ReactNode {
   return (
     <span className="task-title-icon" data-testid={`task-title-container-${props.title}`}>
       <span
-        className={`${props.done ? 'ms-2 text-strike' : ''} poppins-semibold`}
+        className={`${props.completed ? 'ms-2 text-strike' : ''} poppins-semibold`}
         data-testid={`task-title-text-${props.title}`}
       >
         {props.title}

client/src/constants/english.ts

@@ -76,6 +76,8 @@ const enTranslations = {
   home_card_task_pending: 'Pending tasks',
   home_card_task_empty: 'No pending tasks',
   home_card_task_done: 'done tasks!',
+  home_completed_tasks_title: 'Completed tasks',
+  home_archived_notes_title: 'Archived notes',
   home_card_task_done_empty: 'No done tasks!',
   home_card_task_btn: 'Go to Tasks',
   home_card_note_title: 'Notes Summary',
@@ -105,6 +107,10 @@ const enTranslations = {
   task_table_action_edit: 'Edit',
   task_table_action_clone: 'Clone',
   task_table_action_delete: 'Delete',
+  delete_modal_title: 'Confirm deletion',
+  delete_modal_body: 'Are you sure you want to delete this item? This action cannot be undone.',
+  delete_modal_cancel: 'Cancel',
+  delete_modal_confirm: 'Delete',
 
   note_form_title: 'Add note',
   note_form_title_label: 'Title',
@@ -117,6 +123,9 @@ const enTranslations = {
   note_action_share: 'Share',
   note_action_unshare: 'Unshare',
   note_action_copy_link: 'Copy link',
+  note_action_archive: 'Archive',
+  note_action_restore: 'Restore',
+  note_action_delete_permanently: 'Delete permanently',
 
   about_page_title_one: 'About the',
   about_page_title_two: 'TaskNote App',
@@ -132,23 +141,31 @@ const enTranslations = {
   about_app_features_one: 'Quickly add and manage tasks and notes',
   about_app_features_two: 'Search and filter notes for easy access',
   about_app_features_three: 'Intuitive and clean user interface',
+  about_app_features_four: 'Dark and light theme support with responsive design',
+  about_app_features_five: 'URL attachments for tasks and notes',
+  about_app_features_six: 'Tagging system with multiple tags per item',
+  about_app_features_seven: 'Public note sharing via public links',
+  about_app_features_eight: 'Markdown formatting toolbar for rich text editing',
+  about_app_features_nine: 'Email confirmation required for account security',
   about_app_help_title: 'Help & How to Use',
   about_app_help_description: `To get started, simply sign up or log in, and
     you'll have access to your personalized dashboard. From there, you can
     create, edit, and delete tasks and notes, and organize them however you
-    like. Need assistance? Visit our Help page (in the future) for tutorials
-    and FAQs.`,
+    like. Need assistance? Check out the sidebar for quick navigation.`,
 
   about_tech_title: 'Technology',
   about_tech_description: `TaskNote was built using modern web technologies
     that ensure speed, reliability, and security.`,
-  about_tech_list_one: 'React with TypeScript for the front-end',
-  about_tech_list_two: 'Bootstrap 5 for components and responsive design',
-  about_tech_list_three: 'Java and Spring Boot plus GraalVM for the back-end and Cloud Native',
-  about_tech_list_four: 'PostgreSQL for database management',
-  about_tech_list_five: 'Docker for containerization and deployment',
-  about_tech_list_six: 'GitHub Actions for CI/CD, testing and linting enforcement',
-  about_tech_list_seven: 'SonarCloud, and GitHub QL for security and improvements checks',
+  about_tech_list_one: 'React 19 with TypeScript for the front-end',
+  about_tech_list_two: 'Vite for fast builds and development',
+  about_tech_list_three: 'React Router 7 for client-side routing',
+  about_tech_list_four: 'i18next for internationalization support',
+  about_tech_list_five: 'Bootstrap 5 for components and responsive design',
+  about_tech_list_six: 'Java and Spring Boot 4.x plus GraalVM for the back-end and Cloud Native',
+  about_tech_list_seven: 'PostgreSQL for database management',
+  about_tech_list_eight: 'Docker for containerization and deployment',
+  about_tech_list_nine: 'GitHub Actions for CI/CD, testing and linting enforcement',
+  about_tech_list_ten: 'SonarCloud and GitHub QL for security and improvements checks',
 
   about_dev_title: 'About the Developer',
   about_dev_description: `Hi! I'm Ricardo, the developer of TaskNote. I'm
@@ -187,6 +204,7 @@ const enTranslations = {
   account_delete_btn: 'Yes, delete everything',
 
   footer_my_account: 'My Account ',
+  sidebar_last_seen: 'Last seen {{time}}',
 
   logout: 'Logout'
 };

client/src/constants/languageConstants.ts

@@ -19,6 +19,8 @@ export const timeAgoTranslations: Record<string, string> = {
   'month left_pt_br': '{X} mês restante',
   'days left_pt_br': '{X} dias restantes',
   'day left_pt_br': '{X} dia restante',
+  'due tomorrow_pt_br': 'Vence amanhã',
+  'due today_pt_br': 'Vence hoje',
 
   'years ago_es': 'Hace {X} años',
   'year ago_es': 'Hace {X} año',
@@ -40,6 +42,8 @@ export const timeAgoTranslations: Record<string, string> = {
   'month left_es': 'Falta {X} mes',
   'days left_es': 'Faltan {X} días',
   'day left_es': 'Falta {X} día',
+  'due tomorrow_es': 'Vence mañana',
+  'due today_es': 'Vence hoy',
 
   'years ago_ru': '{X} года назад',
   'year ago_ru': '{X} год назад',
@@ -60,7 +64,9 @@ export const timeAgoTranslations: Record<string, string> = {
   'months left_ru': 'осталось {X} месяца',
   'month left_ru': 'Остался {X} месяц',
   'days left_ru': 'осталось {X} дня',
-  'day left_ru': 'Остался {X} день'
+  'day left_ru': 'Остался {X} день',
+  'due tomorrow_ru': 'Срок завтра',
+  'due today_ru': 'Срок сегодня'
 };
 
 export const serverResponsesTranslations: Record<string, string> = {
@@ -90,6 +96,8 @@ export const serverResponsesTranslations: Record<string, string> = {
   WRONG_IDENTIFICATION_pt_br: 'Identificação incorreta ou faltando',
   WRONG_OR_MISSING_INFO_pt_br: 'Informação errada ou incompleta!',
   NOTHING_TO_UPDATE_pt_br: 'Nada para atualizar!',
+  EMAIL_NOT_CONFIRMED_pt_br: 'E-mail não confirmado!',
+  CONFIRMATION_RESENT_pt_br: 'E-mail de confirmação reenviado! Por favor, verifique a pasta de spam.',
 
   BAD_PASSWORD_8_es: 'Contraseña inválida: La contraseña debe tener al menos 8 caracteres',
   BAD_PASSWORD_7_es: 'Contraseña inválida: La contraseña debe tener al menos 8 caracteres, 1 carácter especial',
@@ -117,6 +125,8 @@ export const serverResponsesTranslations: Record<string, string> = {
   WRONG_IDENTIFICATION_es: 'Identificación incorrecta o faltante',
   WRONG_OR_MISSING_INFO_es: '¡Información incorrecta o incompleta!',
   NOTHING_TO_UPDATE_es: '¡Nada que actualizar!',
+  EMAIL_NOT_CONFIRMED_es: '¡Correo no confirmado!',
+  CONFIRMATION_RESENT_es: '¡Correo de confirmación reenviado! Por favor, revisa la carpeta de spam.',
 
   BAD_PASSWORD_8_ru: 'Неправильный пароль: Пароль должен содержать не менее 8 символов.',
   BAD_PASSWORD_7_ru: 'Неправильный пароль: Пароль должен содержать не менее 8 символов, 1 специальный символ.',
@@ -143,5 +153,7 @@ export const serverResponsesTranslations: Record<string, string> = {
   UNKNOWN_ru: 'Неизвестная ошибка',
   WRONG_IDENTIFICATION_ru: 'Неправильная или отсутствующая идентификация',
   WRONG_OR_MISSING_INFO_ru: 'Неверная или отсутствующая информация!',
-  NOTHING_TO_UPDATE_ru: 'Нечего обновлять!'
+  NOTHING_TO_UPDATE_ru: 'Нечего обновлять!',
+  EMAIL_NOT_CONFIRMED_ru: 'Электронная почта не подтверждена!',
+  CONFIRMATION_RESENT_ru: 'Письмо с подтверждением отправлено еще раз! Пожалуйста, проверьте папку со спамом.'
 };

client/src/constants/portuguese.ts

@@ -76,6 +76,8 @@ const ptBrTranslations = {
   home_card_task_pending: 'Tarefa(s) pendente(s)',
   home_card_task_empty: 'Nenhuma tarefa pendente',
   home_card_task_done: 'tarefa(s) concluída(s)',
+  home_completed_tasks_title: 'Tarefas concluídas',
+  home_archived_notes_title: 'Notas arquivadas',
   home_card_task_done_empty: 'Nenhuma tarefa condluída',
   home_card_task_btn: 'Ir para Tarefas',
   home_card_note_title: 'Resumo de Notas',
@@ -105,6 +107,10 @@ const ptBrTranslations = {
   task_table_action_edit: 'Alterar',
   task_table_action_clone: 'Clonar',
   task_table_action_delete: 'Excluir',
+  delete_modal_title: 'Confirmar exclusão',
+  delete_modal_body: 'Tem certeza de que deseja excluir este item? Esta ação não pode ser desfeita.',
+  delete_modal_cancel: 'Cancelar',
+  delete_modal_confirm: 'Excluir',
 
   note_form_title: 'Adicionar nota',
   note_form_title_label: 'Título',
@@ -117,6 +123,9 @@ const ptBrTranslations = {
   note_action_share: 'Compartilhar',
   note_action_unshare: 'Parar de compartilhar',
   note_action_copy_link: 'Copiar link',
+  note_action_archive: 'Arquivar',
+  note_action_restore: 'Restaurar',
+  note_action_delete_permanently: 'Excluir permanentemente',
 
   about_page_title_one: 'Sobre o',
   about_page_title_two: 'App TaskNote',
@@ -133,23 +142,31 @@ const ptBrTranslations = {
   about_app_features_one: 'Adicionar e gerenciar tarefas e notas rapidamente',
   about_app_features_two: 'Buscar e filtrar notas para fácil acesso',
   about_app_features_three: 'Interface limpa e intuitiva',
+  about_app_features_four: 'Suporte a tema escuro e claro com design responsivo',
+  about_app_features_five: 'Anexos de URL para tarefas e notas',
+  about_app_features_six: 'Sistema de tags com múltiplas tags por item',
+  about_app_features_seven: 'Compartilhamento público de notas via links públicos',
+  about_app_features_eight: 'Barra de ferramentas de formatação Markdown para edição de texto rico',
+  about_app_features_nine: 'Confirmação de e-mail obrigatória para segurança da conta',
   about_app_help_title: 'Ajuda & Como usar',
   about_app_help_description: `Para começar, simplemente crie sua conta ou entre,
     e você terá acesso ao seu painel personalizado. A partir daí, você pode criar,
     alterar, e apagar tarefas e notas, e organizá-las da forma que preferir. Precisa
-    de alguma ajuda? Visite nossa página de ajuda (em breve) para tutoriais e perguntas
-    frequentes.`,
+    de alguma ajuda? Confira a barra lateral para navegação rápida.`,
 
   about_tech_title: 'Tecnologia',
   about_tech_description: `TaskNote foi contruído com tecnologia web atual
     que garante velocidade, confiabilidade e segurança.`,
-  about_tech_list_one: 'React com TypeScript para o desenvolvimento do front-end',
-  about_tech_list_two: 'Bootstrap 5 para os componentes e design responsivo',
-  about_tech_list_three: 'Java e Spring Boot mais GraalVM para o back-end Nativo em Cloud',
-  about_tech_list_four: 'PostgreSQL para gestão do banco de dados',
-  about_tech_list_five: 'Docker para isolamento em containers e lançamentos',
-  about_tech_list_six: 'GitHub Actions para integração contínua, testes e controle de qualidade',
-  about_tech_list_seven: 'SonarCloud e GitHub QL para reforço de qualidade e melhorias',
+  about_tech_list_one: 'React 19 com TypeScript para o desenvolvimento do front-end',
+  about_tech_list_two: 'Vite para builds e desenvolvimento rápidos',
+  about_tech_list_three: 'React Router 7 para roteamento no lado do cliente',
+  about_tech_list_four: 'i18next para suporte à internacionalização',
+  about_tech_list_five: 'Bootstrap 5 para os componentes e design responsivo',
+  about_tech_list_six: 'Java e Spring Boot 4.x mais GraalVM para o back-end Nativo em Cloud',
+  about_tech_list_seven: 'PostgreSQL para gestão do banco de dados',
+  about_tech_list_eight: 'Docker para isolamento em containers e lançamentos',
+  about_tech_list_nine: 'GitHub Actions para integração contínua, testes e controle de qualidade',
+  about_tech_list_ten: 'SonarCloud e GitHub QL para reforço de qualidade e melhorias',
 
   about_dev_title: 'Sobre o Desenvolvedor',
   about_dev_description: `Olá! Sou o Ricardo, o desenvolvedor do TaskNote. 
@@ -188,6 +205,7 @@ const ptBrTranslations = {
   account_delete_btn: 'Sim, deletar tudo',
 
   footer_my_account: 'Minha Conta ',
+  sidebar_last_seen: 'Último acesso {{time}}',
 
   logout: 'Sair'
 };