Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bcgsc/pori_graphkb_client
Front-end web client for the GraphKB project
https://github.com/bcgsc/pori_graphkb_client
genomic graphdb knowledge-base personalized-medicine pori
Last synced: 7 days ago
JSON representation
Front-end web client for the GraphKB project
- Host: GitHub
- URL: https://github.com/bcgsc/pori_graphkb_client
- Owner: bcgsc
- License: gpl-3.0
- Created: 2020-12-17T19:23:58.000Z (almost 4 years ago)
- Default Branch: develop
- Last Pushed: 2024-09-17T23:13:42.000Z (about 2 months ago)
- Last Synced: 2024-09-18T04:58:02.134Z (about 2 months ago)
- Topics: genomic, graphdb, knowledge-base, personalized-medicine, pori
- Language: TypeScript
- Homepage: https://bcgsc.github.io/pori
- Size: 28 MB
- Stars: 9
- Watchers: 6
- Forks: 1
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Contributing: docs/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# GraphKB Client
![build](https://github.com/bcgsc/pori_graphkb_client/workflows/build/badge.svg?branch=master) [![DOI](https://zenodo.org/badge/DOI/10.5281/zenodo.5730455.svg)](https://doi.org/10.5281/zenodo.5730455)
This repository is part of the [platform for oncogenomic reporting and interpretation](https://github.com/bcgsc/pori).
The GraphKB client is the front-end web client for the GraphKB project. It is built
using `React.js` and `webpack`. Linting is done with `eslint`, and follows a modified
version of the Airbnb style guide. The full guide for developers can be found
[here](docs/CONTRIBUTING.md).- [Getting Started](#getting-started)
- [Install](#install)
- [Examples](#examples)
- [Notation Parser](#notation-parser)
- [Query Builder](#query-builder)## Getting Started
### Install
First clone the repository locally and checkout the development branch
```bash
git clone https://github.com/bcgsc/pori_graphkb_client.git
cd pori_graphkb_client
git checkout master
```Next install the project dependencies using npm
```bash
npm install
```Start the development server
```bash
npm start
```## Examples
The GraphKB Client contains views for allowing users to both add and edit data in GraphKB as well
as documentation about the app itself. Some examples of various sections are given below.### Notation Parser
This is part of the app documentation at `/about/notation`. It is an interactive view which allows
the user to familiarized themselves with the notation used in GraphKB which is an extension of HGVS
notation.![notation gif](docs/images/graphkb-notation-parser.gif)
### Query Builder
Advaced queries can be built using the query builder. The example below shows a user searching for
drug sensitivity statements loaded from [CIViC](https://civicdb.org).![search](docs/images/graphkb-search-sens-civic-statements.gif)