Displays graph data stored in Neo4j using Vuejs

Tree displayer

How to run

1. Install docker (for linux) and docker-compose
2. Run docker-compose up. If making changes, run docker-compose up --build
3. Run migrations to deploy data to neo4j: cd backend; npm install; npm run migrate

Development

Frontend

1. Run cd frontend; npm install; npm run serve

Remarks

• Useful article how to use neo4j APOC plugin in with docker: https://medium.com/swlh/deployment-of-neo4j-docker-container-with-apoc-and-graph-algorithms-plugins-bf48226928f4
• Vue has several APIs, which have varying compatibility with TypeScript: https://blog.theodo.com/2019/11/integrate-typescript-with-vue/

Todo

Backend

• Investigate why data persists between container restarts for neo4j

Frontend

• Add unit tests
• Add typescript object
• Make responsive (e.g. change to bottom bar on thin screen)

Download Details:

Author: jrhender

Source Code: https://github.com/jrhender/graph-challenge

#vuejs #vue #javascript