Todo-JS

A simple 'todo' app to get started with.

Introduction

In this tutorial, we will learn how to create a simple To-Do App with Angular.JS, powered by Built.io Backend. This app can list tasks, add new tasks, share tasks, upload attachments, and delete tasks. The app covers a wide range of features and methods offered by Built.io Backend.

You can check out the demo of the Todo app here and download the complete code from here.

Before you begin

Before you begin with this tutorial, you will need to get a few things in place.

  • Built.io Backend login details
  • Angular.js framework. You can download it from here.
  • Built.io Backend JavaScript SDK. You can download it from here.
  • Basic knowledge of Angular.JS
  • Install node-static server (npm install -g node-static)

Tutorial structure

Since this tutorial is relatively long, we have broken it up in five parts, each covering an important aspect of Built.io Backend.

Part I - Getting Started
    1.1. Application on Built.io Backend
    1.2. Classes and objects
    1.3. Directory structure
    1.4. Loading files in HTML
    1.5. Integrating JavaScript SDK
    1.6. Managing Tasks (Create, Read, Update and Delete Task)

Part II - User Authentication
    2.1. Routing
    2.2. Sign in/sign up controllers
    2.2. Sign in with Google
    2.3. Logout

Part III - Access Control Lists (Permissions)
    3.1. Managing permissions
    3.2. Sharing objects

Part IV - Uploads

Part V - Extension
    5.1. Hosting


How to use this tutorial
Since each part deals with a different aspect of the app, we have given links to source code of the parts at the beginning of each part. You can download the code for each part as you move forward (suggested), or you can access it all at once by clicking here.

The tutorial also provides several links to relevant learning materials. Use these links to quickly understand various concepts and components of Built.io Backend.

NEXT: Part I - Getting Started