Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/achoarnold/tree-visualisation
https://github.com/achoarnold/tree-visualisation
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/achoarnold/tree-visualisation
- Owner: AchoArnold
- Created: 2020-08-21T14:16:59.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-24T03:42:22.000Z (almost 2 years ago)
- Last Synced: 2023-08-10T00:37:00.347Z (over 1 year ago)
- Language: TypeScript
- Size: 1.93 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Intro
I separated the code for the frontend and the backend but you can run everything using the magic of docker as show below.
This is implemented using the single page application architecture, The frontend is done with Vue.js. The backend is done using express.js and It uses neo4j for the database.
### Links
Frontend: [http://localhost:8080](http://localhost:8080)
Backend: [http://localhost:8000](http://localhost:8000)
Neo4j: [http://localhost:7474/browser/](http://localhost:7474/browser/)
## Setup
### With Docker
If you have docker and docker-compose installed, You can build and run the application directly by using the command
```bash
docker-compose up --build
```This will build both the frontend and the backend and you'll be able to test the application using the links in the section above.
#### Backend [![Actions Status](https://github.com/AchoArnold/tree-visualisation/workflows/Backend/badge.svg)](https://github.com/AchoArnold/tree-visualisation/actions?query=workflow%3ABackend)
See [backend/README.md](./backend)
#### Frontend [![Actions Status](https://github.com/AchoArnold/tree-visualisation/workflows/Frontend/badge.svg)](https://github.com/AchoArnold/tree-visualisation/actions?query=workflow%3AFrontend)
see [frontend/README.md](./frontend)
#### CI/CD
I setup a gitlab action to run the tests for both the frontend and backend on push. See [Actions](./actions)