1. Install NimbusBase

The first step is getting our code base connected to your webpage. Fortunately this is easy- just attach our script to your header. Copy and paste the code below into the editor and click "I installed NimbusBase" to validate.

<script src="http://nimbusbase.com/static/nimbus.min.js"></script>
2. Add the app key

An app key is a string you generate from your access keys from Google and Dropbox to allow your app to call them. For the purposes of the tutorial, we created one for you. Add the following line to your code.

sync_string = { 
    "Dropbox": {
      "key": "q5yx30gr8mcvq4f",
      "secret": "qy64qphr70lwui5",
      "app_name": "taskstrike"
    },
    "synchronous": true
};
3. Create a button to authenticate

The code below means that when I click this button, it will ask to authorize with DropBox. Click and authenticate and then move on to the next step.

<a onclick="Nimbus.Auth.authorize('Dropbox')">authorize me</a>
4. Create a model

Let’s create a model. I’m going to do one called Task. Models are schemas for data objects we want to store. Add the following:

Tasks = Nimbus.Model.setup("Tasks", ["descrip", "done"]);
5. Create a record

Now that the model has been defined in the last step, you can add data of that type:

Tasks.create({"descrip":"New task", "done":false });

When you create a data object, it is automatically stored locally. If you have an internet connection, it also persists the objects in real time to Dropbox as you create them.

6. Find an object

You can either find data by its id or find a set of data by a filter criteria.

To find a data by its id, do the following:

instance = Tasks.findByAttribute("done", false);
7. Update an object

Just change the attribute you want on the data and call Save().

instance.done = false;
instance.save();
8. Destroy an object

Just call destroy on the data variable you want to delete.

instance.destroy();