https://github.com/haxzie/snipp.in

Fast, Light-weight, Notes, Snippet manager and code editor directly inside your browser
https://github.com/haxzie/snipp.in

editor hacktoberfest hacktoberfest2021 monaco-editor snipp vue vuejs

Last synced: about 1 month ago
JSON representation

Fast, Light-weight, Notes, Snippet manager and code editor directly inside your browser

• Host: GitHub
• URL: https://github.com/haxzie/snipp.in
• Owner: haxzie
• License: mit
• Created: 2020-07-16T18:07:37.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-05-07T04:18:04.000Z (5 months ago)
• Last Synced: 2024-07-24T01:59:32.647Z (2 months ago)
• Topics: editor, hacktoberfest, hacktoberfest2021, monaco-editor, snipp, vue, vuejs
• Language: Vue
• Homepage: https://snipp.in
• Size: 1.23 MB
• Stars: 245
• Watchers: 8
• Forks: 38
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Snipp.in

> A Fast, tiny, in-browser, IndexedDB powered editor and Snippet manager

Built with [Vue.js](https://vuejs.org), [Dexie](https://dexie.org) and [Monaco Editor](https://microsoft.github.io/monaco-editor/) . Snipp.in provides a clean and VSCode like familiar interface to save notes, tasks and code snippets directly in the browser. 

> All the data is stored within your browser tab (IndexedDB). There is no cloud backup available so far but you can still create backups and restore/share your contents with others.

## Features

- Syntax Highlighting 

- Easy to use Document files (.doc) using ProseMirror Editor

- MultiWindow Editing (Drag and drop files to the editor area to switch to multi editor)

- Quick Create (Ctrl+N)

- Shortcuts for most of the actions (Create, Rename, Delete, etc..)

- Ability Import and Export your data

![Screenshot_2021-04-13 Snipp in - In browser notes and code snippets](https://user-images.githubusercontent.com/53584487/115232100-fcb42300-a133-11eb-803f-45efa41fc719.png)

![Screenshot_2021-04-12 Snipp in - In browser notes and code snippets](https://user-images.githubusercontent.com/53584487/115232151-05a4f480-a134-11eb-9033-cf696f38d1f2.png)

## Project setup

```

git clone https://github.com/haxzie/snipp.in snippin

cd snippin

npm install

```

### Compiles and hot-reloads for development

```

npm run serve

```

### Compiles and minifies for production

```

npm run build

```

### Lints and fixes files

```

npm run lint

```

### Customize configuration

See [Configuration Reference](https://cli.vuejs.org/config/).

## Docker Setup

You can use snipp.in from docker, you can build your own image using 

```

docker build -t snipp/snipp.in .

```

To depoly an snipp.in instance using docker container you can run the following: 

```

docker run -it -p 80:80 snipp/snipp.in .

```

You can change the host binding port from `80` to other ports. 

Now to access the instance you can go to browser and write `http://localhost` or your `ip:port` if you deploy on a vps (public instance) and changed the host binding port.