feat: bulk import + loaders + docker hub deploy

- Add backend bulk import endpoint POST /import + tests
- Frontend import uses single request + importing loaders/toasts
- Fix Vite proxy to forward /import
- Improve copy UX (toast on button)
- Add app logo (favicon + sidebar) and docs/deploy files (README, remote compose)
- Update GH Actions to push frontend/backend images

Author: serge-eric-kalaga

README.md

@@ -0,0 +1,137 @@
+# 🧰 Command Keeper
+
+Command Keeper est une application web pour **stocker, organiser et retrouver rapidement** tes commandes terminal.
+
+- 📁 Organisation par **Groupes** (projets / contextes)
+- 🔎 **Recherche** côté serveur (titre, description, commande, tags)
+- 🏷️ **Tags**, ⭐ favoris, compteur de copies
+- 🧩 Variables de commande `{{VAR}}` avec valeurs par défaut
+- 📦 **Import / Export JSON** (backup/migration)
+
+## 🧱 Stack
+
+- 🖥️ Frontend : React + Vite (UI)
+- ⚙️ Backend : FastAPI (API REST) + SQLAlchemy
+- 🗄️ DB : SQLite (par défaut)
+
+---
+
+## 🐳 Déploiement (Docker Compose)
+
+### 1) ✅ Pré-requis
+
+- Docker + Docker Compose
+
+### 2) 🧾 Configuration (fichier `.env`)
+
+Le `docker-compose.yml` lit un fichier `.env` à la racine.
+
+Exemple minimal (à adapter) :
+
+```env
+# Ports exposés sur la machine hôte
+FRONTEND_PORT=2000
+BACKEND_PORT=2001
+
+# Backend
+# Recommandé pour persister la DB sur le volume docker `backend_data`:
+DATABASE_URL=sqlite:////data/commandkeeper.db
+
+# IMPORTANT: à changer en prod
+SECRET_KEY=change-me-in-production
+
+# Autorise le frontend (hôte) à appeler l'API
+CORS_ORIGINS=http://localhost:2000,http://127.0.0.1:2000
+
+# Compte admin par défaut (1ère connexion)
+DEFAULT_ADMIN_USERNAME=admin
+DEFAULT_ADMIN_PASSWORD=admin
+
+# Frontend (Vite)
+# Option A (recommandée avec Docker Compose): utiliser le proxy Vite vers le service backend
+VITE_API_URL=
+VITE_PROXY_TARGET=http://backend:8000
+
+# Option B (si tu lances le frontend hors docker): pointer directement l'API
+# VITE_API_URL=http://localhost:2001
+# VITE_PROXY_TARGET=http://localhost:2001
+```
+
+### 3) 🚀 Lancer
+
+```bash
+docker compose up --build
+```
+
+- 🖥️ Frontend : http://localhost:2000
+- ⚙️ Backend : http://localhost:2001
+- 📚 Swagger : http://localhost:2001/docs
+
+### 4) 🔐 Auth (important)
+
+- Identifiants par défaut : `admin / admin`
+- À la première connexion, l’application force un **changement de mot de passe**.
+
+---
+
+## 📦 Déploiement via Docker Hub (images pré-build)
+
+Le workflow GitHub Actions pousse 2 images :
+
+- `kalagaserge/commandkeeper-backend`
+- `kalagaserge/commandkeeper-frontend`
+
+Tags publiés :
+
+- `latest`
+- `sha-<commit>`
+
+### 🧩 Option simple (adapter le `docker-compose.yml`)
+
+Pour déployer sans build local, remplace `build:` par `image:` (et enlève les volumes de code en prod).
+
+Exemple (extrait) :
+
+```yaml
+services:
+  backend:
+    image: kalagaserge/commandkeeper-backend:latest
+    env_file: [ .env ]
+    ports:
+      - "${BACKEND_PORT}:8000"
+    volumes:
+      - backend_data:/data
+
+  frontend:
+    image: kalagaserge/commandkeeper-frontend:latest
+    env_file: [ .env ]
+    ports:
+      - "${FRONTEND_PORT}:2000"
+    depends_on:
+      - backend
+```
+
+Puis :
+
+```bash
+docker compose pull
+docker compose up -d
+```
+
+---
+
+## 🛡️ Notes de prod (recommandations)
+
+- Change `SECRET_KEY` et les identifiants admin par défaut
+- Ajuste `CORS_ORIGINS` au vrai domaine du frontend
+- Garde `DATABASE_URL=sqlite:////data/commandkeeper.db` pour persister sur le volume
+
+## 🧭 Routes utiles (backend)
+
+- `GET /health`
+- `POST /auth/login`
+- `POST /auth/change-password`
+- `GET/POST/PATCH/DELETE /groups`
+- `GET/POST/PATCH/DELETE /commands`
+- `GET /search?q=...`
+- `POST /import` (import bulk)

backend/README.md

@@ -0,0 +1,30 @@
+services:
+  backend:
+    image: kalagaserge/commandkeeper-backend:latest
+    env_file:
+      - .env
+    ports:
+      - "${BACKEND_PORT}:8000"
+    environment:
+      DATABASE_URL: ${DATABASE_URL}
+      CORS_ORIGINS: ${CORS_ORIGINS}
+      SECRET_KEY: ${SECRET_KEY}
+      DEFAULT_ADMIN_USERNAME: ${DEFAULT_ADMIN_USERNAME}
+      DEFAULT_ADMIN_PASSWORD: ${DEFAULT_ADMIN_PASSWORD}
+    volumes:
+      - backend_data:/data
+
+  frontend:
+    image: kalagaserge/commandkeeper-frontend:latest
+    env_file:
+      - .env
+    ports:
+      - "${FRONTEND_PORT}:2000"
+    environment:
+      VITE_API_URL: ${VITE_API_URL}
+      VITE_PROXY_TARGET: ${VITE_PROXY_TARGET}
+    depends_on:
+      - backend
+
+volumes:
+  backend_data:

docker-compose.remote.yml

@@ -4,12 +4,14 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" type="image/png" href="/icon.png" />
   <!-- TODO: Set the document title to the name of your application -->
   <title>Command Keeper — Personal Command Library</title>
   <meta name="description"
     content="Store, organize, and quickly retrieve terminal commands across multiple projects." />
   <meta property="og:title" content="Command Keeper" />
   <meta property="og:description" content="Store, organize, and quickly retrieve terminal commands." />
+  <meta property="og:image" content="/icon.png" />
   <meta property="og:type" content="website" />
 </head>
 

frontend/README.md

@@ -1,6 +1,6 @@
 import { useState, useRef } from "react";
 import {
-  Terminal, Star, FolderOpen, Plus, Download, Upload, Sun, Moon, Menu, X, LogOut, Loader2,
+  Star, FolderOpen, Plus, Download, Upload, Sun, Moon, Menu, X, LogOut, Loader2,
 } from "lucide-react";
 import { Group } from "@/hooks/useCommandVault";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -44,9 +44,12 @@ export default function AppSidebar({
     <div className="flex flex-col h-full">
       {/* Header */}
       <div className="flex items-center justify-between p-4 border-b border-sidebar-border">
-        <div className="flex items-center gap-2">
-          <Terminal className="w-5 h-5 text-accent-blue" />
-          <span className="font-semibold text-sm tracking-tight text-sidebar-fg">Command Keeper</span>
+        <div className="flex items-center justify-center flex-1">
+          <img
+            src="/icon.png"
+            alt="Command Keeper"
+            className="h-10 w-auto max-w-full rounded-sm"
+          />
         </div>
         <button onClick={onToggleTheme} className="p-1.5 rounded-md hover:bg-surface-hover transition-colors text-sidebar-muted">
           {dark ? <Sun className="w-4 h-4" /> : <Moon className="w-4 h-4" />}