== 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 |===