Quar Studio – Quick UI for Mongoose Models

Instantly spin up a web-based editor for your Mongoose models.
Built for developers who loves quick database interaction!

Install & Run

bash
npx quar


It will ask you for model folder path, database name and database URI (optional).
This will load all Mongoose models from the folder and start a local web UI to Create, view, update, and delete documents.
What it does

- Loads your Mongoose models dynamically
- Connects to your MongoDB database
- Gives a tabbed UI for each model
- View nested documents in a tree-style
- Supports Create, Read, update and delete
Folder Structure

Your models folder can contain files like this:

`js // ./models/Post.js import mongoose from "mongoose"

const postSchema = new mongoose.Schema({ title: String, body: String, author: { name: String, age: Number } });

export default mongoose.model("Post", postSchema);`

`Configuration`

1. Install Quar as dev deps`bash npm i quar --save-dev`

2. Execute Command`bash npx quar`

3. Set Models Folder`bash npx quar --model`

4. Set Database Name`bash npx quar --model --db`

5. Set Database URI (Optional)`bash npx quar --model --db --uri``
> *Note: By default it will try to connect local mongodb if uri not provided

Usage Tips

- Supports nested schemas & subdocuments
- Clean tabbed navigation per model
- Auto-refreshes data after updates
- Keyboard shortcuts support

| Command | Performs |
|---------|----------|
| ctrl + o | Toggles Insert Tab |
| ctrl + r | Refresh Model |
| ctrl + > | Go To Next Page |
| ctrl + < | Go To Previous Page |

Dev Notes

- Built for development use
- Doesn’t expose MONGO_URI publicly
- Uses Mongoose’s model.schema.tree for schema info
- Modular and extendable

Contribute

Pull requests, suggestions, and ideas are welcome!

Icon: Thunder icons created by Hexagon075 - Flaticon

Install & Run

bash
npx quar

It will ask you for model folder path, database name and database URI (optional).
This will load all Mongoose models from the folder and start a local web UI to Create, view, update, and delete documents.

What it does

- Loads your Mongoose models dynamically
- Connects to your MongoDB database
- Gives a tabbed UI for each model
- View nested documents in a tree-style
- Supports Create, Read, update and delete

Folder Structure

Your models folder can contain files like this:

js
// ./models/Post.js
import mongoose from "mongoose"

const postSchema = new mongoose.Schema({
  title: String,
  body: String,
  author: {
    name: String,
    age: Number
  }
});

export default mongoose.model("Post", postSchema);

Configuration

1. Install Quar as dev deps

bash
    npm i quar --save-dev

2. Execute Command

bash
    npx quar

3. Set Models Folder

bash
    npx quar --model

4. Set Database Name

bash
    npx quar --model  --db

5. Set Database URI (Optional)

bash
    npx quar --model  --db  --uri

``
> *Note: By default it will try to connect local mongodb if uri not provided