https://github.com/pdcalado/bdash

Block based basic Dashboard for presenting mostly key value data
https://github.com/pdcalado/bdash

auth0 dashboard key-value personal react-grid-layout typescript

Last synced: 9 days ago
JSON representation

Block based basic Dashboard for presenting mostly key value data

• Host: GitHub
• URL: https://github.com/pdcalado/bdash
• Owner: pdcalado
• License: mit
• Created: 2023-02-19T10:24:06.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-03-15T19:01:00.000Z (almost 2 years ago)
• Last Synced: 2024-11-20T23:01:19.760Z (2 months ago)
• Topics: auth0, dashboard, key-value, personal, react-grid-layout, typescript
• Language: TypeScript
• Homepage:
• Size: 396 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🚨 bdash

A Block based basic Dashboard for presenting mostly key value data.

Uses [kave-server](https://github.com/pdcalado/kave) as a backend, but can be pointed to any HTTP server allowing GETs by path. Uses Auth0 as an auth provider, injects access token in all requests. [react-grid-layout](https://github.com/react-grid-layout/react-grid-layout) makes it easy to have a responsive layout with simple blocks.

Inspired by freeboard.io but more minimalistic (and shorter on features) while supporting auth using Auth0.

## Why?

I just needed a very simple setup, which supports an auth backend that I already use, so I can monitor personal stuff (website, demos, VPS etc).

## Demo

A **[demo is running here](https://bdash-demo.pages.dev)**, auth is disabled and [sessionStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) is used as data source, instead of an actual HTTP backend.

## Build

Run:

```console

foo@bar:~$ npm install && npm run build

```

Then you can serve the folder `./build` statically.