SnipDeck

Your beautiful code snippet library.

SnipDeck is a single-file, fully client-side code snippet manager with syntax highlighting, instant search, one-click copy and JSON import/export. Built by Lokossou Dossou Kajarnak for Kajarnak Tech.

Live URL: https://kajarnaklokossou2008.github.io/snipdeck/

Features

• Add snippets with title, code, language, tags and description
• Syntax highlighting via Prism.js (CDN, cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/)
• 10 languages supported: Python, JavaScript, TypeScript, HTML, CSS, SQL, Bash, Go, Rust, JSON
• Instant search — across title, tag, description and full code text
• Filter by language in the sidebar (with per-language counts)
• Star / favorite snippets — favorites float to the top
• One-click copy — copy any snippet to clipboard instantly
• Edit & delete any snippet
• JSON export & import — back up your library or move it between machines
• 5 example snippets pre-loaded: Python recursion, JS debounce, SQL INNER JOIN, CSS flexbox, Bash git cleanup
• Stats dashboard — total snippets, languages used, starred count, currently visible
• Dark / light theme toggle — preference saved locally
• Keyboard shortcuts — / to focus search, Ctrl/Cmd + N for new snippet, Esc to close modal
• 100% local-first — no backend, no login, no telemetry

Tech Stack

• Pure HTML/CSS/JS (single file, zero build step)
• Kajarnak Design System inlined as the base stylesheet
• Google Fonts: Inter + JetBrains Mono
• Prism.js 1.29.0 from cdnjs (only external dependency)
• localStorage for persistence

Deploy to GitHub Pages

1. Create a new GitHub repo named snipdeck.
2. Copy the contents of this folder (index.html, robots.txt, sitemap.xml, README.md) into the repo root.
3. Push to main:

   git init
   git add .
   git commit -m "Initial SnipDeck release"
   git branch -M main
   git remote add origin https://github.com/kajarnaklokossou2008/snipdeck.git
   git push -u origin main

4. In the repo: Settings → Pages → Build and deployment → Source: Deploy from a branch → Branch: main / /(root).
5. Wait ~60 seconds. Your app will be live at: https://kajarnaklokossou2008.github.io/snipdeck/

Optional: GitHub Actions workflow

If you want CI-based deploys, drop this into .github/workflows/deploy.yml:

name: Deploy to GitHub Pages
on:
  push:
    branches: [main]
permissions:
  contents: read
  pages: write
  id-token: write
jobs:
  deploy:
    runs-on: ubuntu-latest
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    steps:
      - uses: actions/checkout@v4
      - uses: actions/configure-pages@v4
      - uses: actions/upload-pages-artifact@v3
        with:
          path: '.'
      - id: deployment
        uses: actions/deploy-pages@v4

Then in Settings → Pages → Source, select GitHub Actions.

SEO

• Optimized <title>, meta description and keywords
• Open Graph + Twitter Card meta tags
• <link rel="canonical">
• JSON-LD SoftwareApplication schema
• Inline SVG favicon (no extra file needed)
• robots.txt + sitemap.xml included

JSON Import / Export Format

SnipDeck exports your library as a single JSON file:

{
  "app": "snipdeck",
  "version": 1,
  "exportedAt": "2026-01-01T00:00:00.000Z",
  "snippets": [
    {
      "id": "snip_abc123",
      "title": "Debounce function",
      "language": "javascript",
      "description": "Delay execution until calls stop...",
      "tags": ["async", "utility"],
      "code": "function debounce(fn, wait = 300) { ... }",
      "favorite": true,
      "createdAt": 1735689600000,
      "updatedAt": 1735689600000
    }
  ]
}

Imported snippets are merged by id (incoming wins on conflict).

License & Credits

© 2026 SnipDeck by Kajarnak Tech · Built by Lokossou Dossou Kajarnak.

Prism.js is © Lea Verou, MIT License.