Update README

Author: greentfrapp

README.md

@@ -1 +1,50 @@
-# lotion
+<p align="center">
+<h1 align="center"><b>🧴 Lotion</b></h1>
+<p align="center">
+  An open-source Notion UI built with Vue 3
+</p>
+
+<p align="center">
+  <img src="./assets/lotion.png" style="border-radius: 10px;" />
+  <br />
+  <br />
+  <a href="https://twitter.com/dashibase">
+    <img src="https://img.shields.io/badge/Twitter-00acee?logo=twitter&logoColor=white" />
+  </a>
+  <a href="https://discord.gg/CqgZGh4ZA8">
+    <img src="https://img.shields.io/badge/Discord-5865F2?logo=discord&logoColor=white" />
+  </a>
+  <img src="https://img.shields.io/github/license/dashibase/dashibase-insert" />
+  <br />
+</p>
+
+## Features
+
+- [x] Block-based editor
+- [x] Drag to reorder blocks
+- [x] Basic Markdown-parsing including bold, italic, headings and divider
+- [x] Type '/' for command menu and shortcuts
+
+## Getting Started
+
+**1. Clone this repository, go to the root directory and install packages**
+
+```bash
+git clone https://github.com/dashibase/dashibase-insert
+cd dashibase-insert
+npm i
+```
+
+**2. Run dev**
+
+```bash
+npm run dev
+```
+
+You should see what looks like the screenshot about.
+
+**3. Contribute!**
+
+Lotion is quite limited for now but we hope it serves as a good starting point for other folks looking to build their own editors.
+
+We would love to make Lotion more extensible and welcome any suggestions or contributions!