Skip to content

gianlluca/dbger

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dbger

An opensource database diagramming tool made with ReactJS

dbger view

How to use

Projects

  • To rename a project, click on the project title and type the name of your choice.

    Rename Project

  • To load a project, hover the dropdown menu and choose one of the projects.

    Load Project

  • To delete a project, click on the x next to the name of the project to be deleted.

    Delete Project

  • To create a new project, just click on New Project.

    New Project

Tables

  • To add a table, click the + button in the lower left corner of the screen.

    Add Table

  • To switch between showing and hiding controls, click the pencil button.

    Toggle Controls

  • To rename a table click on the title and type the one of your choice.

    Rename Table

  • To drag a table, click on the light gray part and move the mouse.

    New Project

  • To delete a table, drag it to the trash icon.

    Delete Table

Columns

  • To add a column, click the + button inside the table:

    Add Column

  • To switch a column between primary-key and non primary-key click on the key icon.

    Toggle Pk

  • To delete a column click on the x of the respective column.

    Delete Column

Viewport

  • To move the viewport, click with the middle mouse button and drag.

Saving

  • All changes are saved automatically in your browser.

Installation

Clone this repo and install all dependencies
yarn or npm install

Development

yarn dev or npm run dev and open http://localhost:3000 on your browser

Build

yarn build or npm run build

About

Database diagramming tool made with ReactJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published