https://github.com/ayeressian/dbgrapher

A database schema designing tool that runs in browser.
https://github.com/ayeressian/dbgrapher

database-designer database-schema-designer db-designer sql-designer

Last synced: about 1 month ago
JSON representation

A database schema designing tool that runs in browser.

• Host: GitHub
• URL: https://github.com/ayeressian/dbgrapher
• Owner: ayeressian
• License: agpl-3.0
• Created: 2020-02-05T15:43:27.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2025-02-17T08:34:39.000Z (3 months ago)
• Last Synced: 2025-03-29T00:11:11.468Z (about 2 months ago)
• Topics: database-designer, database-schema-designer, db-designer, sql-designer
• Language: TypeScript
• Homepage: https://dbgrapher.com
• Size: 2.45 MB
• Stars: 10
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![NPM](https://img.shields.io/npm/l/db-viewer-component.svg)

![CI](https://github.com/ayeressian/dbgrapher/workflows/CI/badge.svg) 



# DB Grapher

A database schema designing tool that runs in browser. The application URL is [https://dbgrapher.com](https://dbgrapher.com).

## To run

1. Run "npm i".

2. Run "npm run dev".  

## To test

1. Run "npm i" (if you didn't already)

2. Run "npm run test".  

## To test E2E

1. Run "npm i" (if you didn't already)

2. Run "npm run start-and-e2e-main".  

## Folder structure

The application is based on npm workspaces. The main application directory is under apps/main filder. The schema viewer web component is under libs/db-viewer.  

## The main application

The main application is written in [lit](https://lit.dev/) and for state management, [redux-toolkit](https://redux-toolkit.js.org/) has been used. For the build process [vite](https://vitejs.dev/) has been used. For test [vitest](https://vitest.dev/) has been used. Currently, the test coverage is not great. For end to end tests, [playwright](https://playwright.dev/) has been used.  

## The DB viewer web component

The DB viewer web component displays the schema information. It uses svg to render the view. It is written in [svelte](https://svelte.dev/). For the build process [vite](https://vitejs.dev/) has been used. For the test [vitest](https://vitest.dev/) has been used.

## TODO

1. Add import from SQL dump file.

2. Add schema formatting.

3. Add zoom to fit.

3. Improve test coverage.