/xp-collector

vue frontend for data input into a neo4j database, visual output with neovis.js

Primary LanguageVue

XP-COLLECTOR

https://youtu.be/ux5gSxy1w-s - Short tutorial in German language (20.01.2022)

Install

Projekt

$ git clone https://github.com/ogerly/xp-collector.git
$ cd xp-collector

Bitte führe im frontend und im backend folgende befehle aus.

frontend

$ cd frontend
$ npm install
$ npm run serve

  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://192.168.0.248:8080/

Öffne eine zweite Konsole und

backend

$ cd backend
$ npm install
$ node index

  Server git-xp-collector is running on port http://localhost:5000.

Neo4j Desktop Local

database

Connect your Neo4j Database with Project backend
backend/config/neo4j.js Line: 5

Database NeoVis

Connect your Neo4j Database with Project frontend NeoVis.js frontend/src/assets/config.js Line: 3, 4, 5


Task:

XP-COLLECTOR is a simple data structure used to store and organise data. It is a structure because it arranges and links data in the simplest possible way to allow them to be accessed and managed efficiently.

Two options are available for recording and linking data.

Data input

Linking data

typen

Complex structures can be created by simply linking individual data records. Similar to a mind map.

arten

It should always be possible to enter data in the simplest way. The simplest way is ONE data set. In the following, we will call the individual data record a NODE.

Linking should always be done by connecting TWO individual data sets. The linking of two data records is referred to in the following as KANTS.

Exceptions:

  • ISO 8601 - Data elements and interchange formats; Information interchange; Representation of date and time.

Objective:

To create, manage and visualise complex data structures in the simplest possible way. Make data structures possible for visual viewing.

##Technology

Frontend / Backend

FireShot Capture 837 - frontend2 - localhost

Links:

https://cdn.neo4jlabs.com/nodes2019/slides/%5BNODES%5DNeovis.js.pdf