Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including north-getting-started with all npm packages installed. Try it out:

north-getting-started lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("north-getting-started/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

north-getting-started v0.0.2

north-getting-started

Circle CI Greenkeeper badge

This is a sample app that will get you started with north. You can think of it as a "Hello World" type app that displays a simple list of contacts that can be edited, filtered and sorted.

Running the app

  • $ git clone https://github.com/redgeoff/north-getting-started
  • $ cd north-getting-started
  • $ yarn install
  • $ yarn start
  • Visit http://localhost:3000 in a web browser

The app logic resides in components.js. Look at what you get with just a few lines of north!

Making it Real-Time

If you are feeling adventurous, you can make the app real-time capable by using Firebase. Simply sign up for a free account at firebase.google.com and then modify the store in components.js so that it has your details:

store: {
  component: 'FirebaseStore',
  apiKey: 'YOUR-API-KEY',
  authDomain: 'YOUR-SUBDOMAIN.firebaseapp.com',
  projectId: 'YOUR-PROJCT-ID',
  collection: 'contacts'
}

You'll also have to edit index.html and add:

  <script src="https://www.gstatic.com/firebasejs/5.4.1/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/5.4.1/firebase-firestore.js"></script>

After configuring the FirebaseStore, you'll be able to edit your contacts in one browser window and see them update in real time in another browser window.

create-react-app

Note: north-getting-started uses create-react-app with very few changes.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free