Skip to content

redwoodjs/redwoodjs-tremor-dashboard-demo

Repository files navigation

Demo Dashboard with Tremor and RedwoodJS

A RedwoodJS application that implements a static and dynamic version of Tremor's Demo Dashboard as seen in their Getting Started documentation.

Demo

See a live demo dashboard!

Static and Dynamic

There is a static data version of the dashboard as well as a dynamic version that pulls from a SQLite database for KPI, SalesPeople and CompanyPerformance.

Scaffolding has been added to edit these datapoints so can be reflected in the dynamic dashboard.

Static Screens

Screenshot 2023-04-27 at 9 54 34 AM

Screenshot 2023-04-27 at 9 55 11 AM

Dynamic Screens

image

image

Getting Started

To launch this demo dashboard:

  1. Fetch this repo

  2. Install RedwoodJS and project dependencies

yarn install

Note: Make sure you cd into the project directory and have yarn installed. Please see the RedwoodJS Quick Start for help.

  1. Migrate the Prisma SQLite database
yarn rw prisma migrate dev
  1. Seed the Database
yarn rw prisma db seed
  1. Start the RedwoodJS Development Server
yarn rw dev

The application will launch and then you can browse the static and dynamic versions of teh dashboard, as well as update the data in the admin sections.

RedwoodJS and Tremor Setup

Please see the installation with RedwoodJS instructions to learn how to use tremor in a new or existing project.

About RedwoodJS

Learn more about RedwoodJS

About Tremor

Learn more about Tremor