north-getting-started
v0.0.2
Published
[![Circle CI](https://circleci.com/gh/redgeoff/north-getting-started.svg?style=svg&circle-token=5218503cb99b212557c16889c410659540930b90)](https://circleci.com/gh/redgeoff/north-getting-started) [![Greenkeeper badge](https://badges.greenkeeper.io/redgeoff
Downloads
4
Readme
north-getting-started
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.