Dber

screenshot of Dber
nextjs
react
scss

Database design tool based on entity relation diagram

Overview:

DBER is a database design tool that is based on entity relation diagrams. It allows users to visually design data structures, create relationships with drag and drop functionality, and export SQL scripts from the generated graph. The tool is built using technologies such as SVG, Next.js (React), DBML, ArcoDesign, and Dexie (IndexedDB).

Features:

  • Design data structures Visually: Users can visually design data structures using entity relation diagrams.
  • Create relationships with drag and drop: Relationships between entities can be created easily using drag and drop functionality.
  • Export SQL scripts from the graph: Users can export SQL scripts directly from the designed graph.
  • Tech stack: The tool is built using SVG, Next.js (React), DBML, ArcoDesign, and Dexie (IndexedDB).
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.