Go to file

Snippet Box

Snippet library screenshot

Description

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages. With built-in Markdown support, Snippet Box makes it very easy to add notes or simple documentation to your code.

Technology

  • Backend
    • Node.js
    • Express.js
    • Sequelize ORM + SQLite
  • Frontend
    • React
    • TypeScript
    • Bootstrap
  • Deployment
    • Docker

Development

# clone repository
git clone https://github.com/pawelmalak/snippet-box
cd snippet-box

# install dependencies (run only once)
npm run init

# start backend and frontend development servers
npm run dev

Installation

With Docker

Building image

docker build -t snippet-box .

Deployment

# run container
docker run -p 5000:5000 -v /path/to/data:/app/data snippet-box

Functionality

  • Pinned snippets
    • Pin your favorite / important snippets to home screen for easy and quick access

Homescreen screenshot

  • Snippet library
    • Manage your snippets through snippet library
    • Easily filter and access your code

Snippet library screenshot

  • Snippet
    • View your code, snippet details and documentation
    • Easily perform snippet actions like edit, pin or delete from a single place

Snippet screenshot

  • Edditor
    • Create and edit your snippets from simple and easy to use editor

Editor screenshot

Description
Languages
TypeScript 89.1%
CSS 9.5%
Dockerfile 0.7%
HTML 0.7%