Git Product home page Git Product logo

movies-javascript-bolt's Introduction

Neo4j Movies Application: Quick Start

CI
image of application

This example application demonstrates how easy it is to get started with 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: Neo4j JavaScript Driver for Cypher Docs

  • Database: Neo4j-Server (4.x) with multi-database

  • Frontend: jquery, bootstrap, d3.js

Provision a database quickly with Neo4j Sandbox or Neo4j Aura.

Quickstart

Setup

$ npm install

Run locally

  • Start Neo4j (Download & Install) locally and open the 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:

# 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

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

movies-javascript-bolt's People

Contributors

alexandrusavin avatar bigmontz avatar dependabot-preview[bot] avatar dependabot[bot] avatar fbiville avatar janekk avatar jexp avatar robsdedude avatar whatsocks avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

movies-javascript-bolt's Issues

Works only with Neo4j 3.0.1 and higher

I recently tried to run this with Neo4j 2.3.8 and the server refuses to connect with the error message

"WebSocket connection to 'ws://localhost:7687/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED"

This error is not observed when connecting to Neo4j v 3.0.1 and higher. This should be clarified in the readme for the sample project

ECONNREFUSED error..

Not able to connect throwing me this error :

{ Neo4jError: connect ECONNREFUSED 127.0.0.1:7687 }

Cannot perform search

After running the project as mentioned in the readme file, the project runs but the search does not work because I am getting errors connecting to the neo4j database.

neo4j-web.min.js:1 WebSocket connection to 'wss://demo.neo4jlabs.com:7687/' failed:

I can access neo4j and the Movies DB at http://localhost:7474/browser/
and using bolt bolt://localhost:7687/neo4j

Thank You!

Neo4jError: Database access is not allowed for user 'movies' ...

Hi, I've tried the example, the search page is displayed, but get errors in the chome debug console which begin as shown below
I'm new to neo4j so forgive me if there something obvious I'm missing.
Thanks
Andy

Database running at neo4j+s://demo.neo4jlabs.com
app.js:27259 [WDS] Live Reloading enabled.
localhost/:1 Uncaught (in promise) Neo4jError: Database access is not allowed for user 'movies' with roles [PUBLIC, movies].

at http://localhost:8080/neo4j-web.min.js:1:411695
at new i (http://localhost:8080/neo4j-web.min.js:1:411775)
at _ (http://localhost:8080/neo4j-web.min.js:1:437700)
at Object.run (http://localhost:8080/neo4j-web.min.js:1:434694)
at u.value (http://localhost:8080/neo4j-web.min.js:1:433032)
at http://localhost:8080/app.js:26948:8
at a.value (http://localhost:8080/neo4j-web.min.js:1:394973)
at a.value (http://localhost:8080/neo4j-web.min.js:1:394740)
at http://localhost:8080/neo4j-web.min.js:1:393860
at new Promise (<anonymous>)

Node 17 and Webpack

The problem is described here: webpack/webpack#14532.

The solution:

-    "build": "webpack",
-    "start": "webpack serve"
+    "build": "NODE_OPTIONS=--openssl-legacy-provider webpack",
+    "start": "NODE_OPTIONS=--openssl-legacy-provider webpack serve"

BUT this only works with Node 17, prior versions reject this setting.

Incorrect description

Everything is correct in the readme and the code but the description of this repo says that its using a 'node (express) backend' when this is the example repo for a serverless, clientside-only application. I would open a PR but I dont think we can change the description that way ๐Ÿ˜„

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.