Skip to content

zernonia/supabase-schema

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

65 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


Logo

Supabase Schema

Secured & Simple Supabase Schema Visualizer.
No installations β€’ No Database password required.

View Demo Β· Report Bug Β· Request Feature

Supabase Schema

πŸš€ Features

  • πŸ”¨ No installations
  • πŸ”’ Persistent State in LocalStorage
  • πŸšͺ Login-less
  • πŸ‘€ No Sensitive info required
  • 🀚 Moveable Schema for own design

πŸ“‡ About The Project

I look around the internet and found many Database Schema Visualizers that require me to either download the software, or login to view my Database Schema. I feel like there's too many unneccessary steps, just to view the schema.

Thus, I've decided to take this opportunity to build this Open Source, Free, Login-less and Secured Supabase Schema Visualizer πŸ”₯

πŸ”¨ Built With

🐾 Instructions

  1. Go to Supabase App
  2. Select your Project
  3. Go to Settings
  4. In Settings tab, Go to API
  5. Under Config, copy URL
  6. Under API Keys, copy anon public
  7. Paste both value into their respectively slot in Supabase Schema
  8. Fetch data
  9. Enjoy the Visualization πŸŽ‰

Remeber to ⭐ this repo if you ❀ this Apps

🌎 Local Development

Prerequisites

Yarn

  • npm install --global yarn

Development

  1. Clone the repo
    git clone https://github.com/zernonia/supabase-schema.git
  2. Install NPM packages
    yarn install
  3. Run Development instance
    yarn dev

βž• Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ™ Acknowledgement

  1. Fundamental for this Visualization (Generate database types from OpenAPI specification)
  2. Guide to Construct Dynamic SVG Connector (Connecting Table using SVG)
  3. Icones - icon gallery

πŸ“ˆ Analytics

I'm using Umami Analytics because I'm interested in the distributions of user who uses Supabase and this tool.

This is the public URL for the analytics. Enjoy!

πŸ“œ License

Not Associated with Supabase.

Distributed under the MIT License. See LICENSE for more information.

πŸ“§ Contact

Zernonia - @zernonia - zernonia@gmail.com

Also, if you like my work, please buy me a coffee β˜•πŸ˜³

Logo