This repository contains a collection of components and charts built using React and D3.js for creating dashboard visualizations. The components are designed to showcase various data visualizations commonly used in the Teknoir Dashboard.
To run the components locally, follow these steps:
- Clone the repository
- Navigate to the project directory
- Install dependencies:
npm install- Run the development server:
npm run dev- Open your browser and go to http://localhost:5173 to see the components in action
This project also includes a Storybook environment for isolated component development and documentation. To run Storybook:
- Run the Storybook server:
npm run storybook- Open your browser and go to http://localhost:6006 to access Storybook.
If you feel a little bit lost, check this article about React + D3.js by Amelia Wattenberger.
The following triggers are configured in GCP:
- push to (main|dev) branch to build and deploy to the corresponding environments
- push to any branch to build an image and push to GCR
Run the following command from the root of the repo:
The only params that can be modified are SHORT_SHA, BRANCH_NAME and BASENAME.
gcloud --project=teknoir-mgmt builds submit . \
--config=cloudbuild.yaml \
--timeout=3600 \
--substitutions=\
SHORT_SHA="test",\
BRANCH_NAME="dev"
Run the following command from the root of the repo:
The only params that can be modified are SHORT_SHA, BRANCH_NAME and BASENAME.
gcloud --project=teknoir-mgmt builds submit . \
--config=cloudbuild.yaml \
--timeout=3600 \
--substitutions=\
SHORT_SHA="1.0.0",\
BRANCH_NAME="main"