Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/neo4j-examples/movies-javascript-bolt
Neo4j Movies Example with webpack-in-browser app using the neo4j-javascript-driver
https://github.com/neo4j-examples/movies-javascript-bolt
bolt cypher graph graph-database javascript movies-api neo4j
Last synced: 5 days ago
JSON representation
Neo4j Movies Example with webpack-in-browser app using the neo4j-javascript-driver
- Host: GitHub
- URL: https://github.com/neo4j-examples/movies-javascript-bolt
- Owner: neo4j-examples
- License: apache-2.0
- Created: 2016-09-14T14:53:52.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2024-12-11T23:22:30.000Z (about 2 months ago)
- Last Synced: 2025-01-20T05:20:16.820Z (12 days ago)
- Topics: bolt, cypher, graph, graph-database, javascript, movies-api, neo4j
- Language: JavaScript
- Homepage:
- Size: 1.3 MB
- Stars: 186
- Watchers: 16
- Forks: 105
- Open Issues: 12
-
Metadata Files:
- Readme: README.adoc
- License: LICENSE
Awesome Lists containing this project
README
== Neo4j Movies Application: Quick Start
image::https://github.com/neo4j-examples/movies-javascript-bolt/workflows/Node.js%20CI/badge.svg[CI]
image::./img/demo.png[image of application]
This example application demonstrates how easy it is to get started with http://neo4j.com/developer[Neo4j] in JavaScript.
It is a very simple web application that uses our Movie graph dataset to provide a search with listing, a detail view and a graph visualization.
== The Stack
These are the components of our Web Application:
* Application Type: JavaScript-Web Application
* Neo4j Database Connector: https://github.com/neo4j/neo4j-javascript-driver[Neo4j JavaScript Driver] for Cypher https://neo4j.com/developer/javascript[Docs]
* Database: Neo4j-Server (4.x) with multi-database
* Frontend: jquery, bootstrap, https://d3js.org/[d3.js]Provision a database quickly with https://sandbox.neo4j.com/?usecase=movies[Neo4j Sandbox] or https://neo4j.com/cloud/aura/[Neo4j Aura].
== Quickstart
=== Setup
[source,bash]
----
$ npm install
----=== Run locally
* Start Neo4j (https://neo4j.com/download[Download & Install]) locally and open the http://localhost:7474[Neo4j Browser].
* Install the Movies dataset with `:play movies`, click the statement, and hit the triangular "Run" button.
* Clone this project from GitHub
* Run the App inside the Webpack Dev Server:[source,bash]
----
# run in development mode (refreshes the app on source code changes)
$ npm start# builds the release version with client assets in "build" directory
$ npm run build
----When running in "dev" mode, navigate to http://localhost:8080/webpack-dev-server/ to see the application.
After executing the `npm run build` command, open local file "build/index.html" in your browser.
==== Configuration options
[%header,cols=2*]
|===
|Environment variable name
|Default value (or N/A)|PORT
|8080|NEO4J_URI
|neo4j+s://demo.neo4jlabs.com|NEO4J_USER
|movies|NEO4J_PASSWORD
|movies|NEO4J_DATABASE
|movies
|===