Meteor

Developing TeamSync (Real Time Collaboration Tool)

using Meteor)

Febin John JamesBoutline

TeamSync Demo

Developing TeamSync using Meteor

7.Sessions

Understanding meteor sessions

8.Meteor Accounts

Understanding meteor accountsAdding external login services

9.Allow Deny

Understand allow deny callbacks.Securing TeamSync

10.Deployment

Deploying teamsync app.

4. Collections

Meteor CollectionsMeteor Data SynchronizationIntegrating collection with templatesTurning prototype into functional app

5.Publications & Subscriptions

Adding external login servicesHow publications & subscriptions workAdding publications to our prototype

6. Routing

Learn about routing in meteor Create team pages with Unique Url’s

1. Introduction

What is meteor?Why meteor?Installing meteor Meteor Packages

2. Mini Mongo

What makes mongodb simple?Mini Mongo CRUD Operations

3. Templates

Meteor’s templating languageYour first templateTemplate Manager’sTeamSync Prototype with static data

Introduction to Meteor

What is meteor ?

Database Real-time Sync User Interface

Why Meteor?

Easy to learn

Up and running in hours

You are already familiar with javascript, aren’t you?

Installing Meteor

curl https://install.meteor.com | sh

npm install -g meteorite

// Only needed if you encounter any permission errorssudo -H npm install -g meteorite

Meteor Packages

Core Packages Smart Packages Atmosphere Packages

Hand on Mini Mongo

It’s way better than SQL

Features of MongoDB

No Schema

High Performance

High Scalability

MongoDB CRUD Operations

Type “meteor mongo”

Let’s begin

Starting Meteor

Creating a meteor app

meteor create teamsync

cd teamsync

meteor

Meteor app folder structure

client serverpubliclibcollections

Templates

A meteor app

Templates(HTML Files)Client Side(JS Files)Server Side(JS Files)

Your first template

Handlebars

Let’s create prototype of teamsync with static data

create team templateteams board templatejoin team templatechat templatemission’s templateteam update templatemission update template

Collections

Collections for TeamSync

Teams Collection Mission’s Collection Status Collection

Messages Collection

Server-Side Collections

Client-Side Collections

Let’s connect collections with the templates we created

Publications & Subscriptions

How it works?

Adding publication’s and subscriptions to TeamSync

Routing

Iron-Router

Making unique links for teams

Sessions

Improving User Experience of TeamSync with sessions

Meteor Account’s

Adding twitter Authentication to our TeamSync App

Allow/Deny

Securing our TeamSync App with allow deny callbacks

Deploying TeamSync