Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/s-ayanide/airline-analysis
Airline Analysis Visualizer built with Ant Design + Chart JS dashboard using Cube.js backend
https://github.com/s-ayanide/airline-analysis
cube-backend frontend
Last synced: 4 days ago
JSON representation
Airline Analysis Visualizer built with Ant Design + Chart JS dashboard using Cube.js backend
- Host: GitHub
- URL: https://github.com/s-ayanide/airline-analysis
- Owner: S-ayanide
- Created: 2021-03-27T14:53:30.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-03-27T15:08:55.000Z (over 3 years ago)
- Last Synced: 2024-10-11T12:50:55.650Z (about 1 month ago)
- Topics: cube-backend, frontend
- Language: JavaScript
- Homepage:
- Size: 183 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Airline Analysis
Airline Analysis Ant Design + Chart JS dashboard with Cube.js
## Run Project
### Setup a Demo Backend
if you already have Cube.js Backend up and running you can skip this step.
Let's start by setting up a database with some sample data. We'll use BigQuery and our [example airline dataset](https://tmpfiles.org/7359/airlines.csv) for this tutorial. You can download and import it by running the following commands.
Cube.js uses environment variables for configuration. It uses environment variables starting with `CUBEJS_`. To configure the connection to our database, we need to specify the DB type and name. In the Cube.js project folder create the .env file with the following:
```
CUBEJS_DB_BQ_PROJECT_ID=PROJECT_ID
CUBEJS_DB_BQ_KEY_FILE=key.json
CUBEJS_DEV_MODE=true
CUBEJS_DB_TYPE=bigquery
CUBEJS_API_SECRET=SECRET
```### Backend run
To start the cube js backend use this commands
```
$ npm i
$ npm start
```### Frontend run
To start frontend application use this commands
```
$ cd dashboard-app
$ npm i
$ npm start
```