michaelflops / hypothetical-house

hypothetical chat rooms!

Meteor Chat Room

Meteor Chat Room is an open source app powered by Meteor and made by Damon Pidhajecky. In this demo we explore the following techniques:

• User login

  • Track reactive session data to navigate to the room list page after login.
  • Track reactive session data to navigate back to the home page after logout.

• User Presence

  • Use the dpid:user-presence package to detect when a user is online, idle, or disconected.
  • Track the room a user is in with reactive data.

• Room List Page

  • Use template helpers to display a reactive list of rooms.
  • Use template events to create a room.

• Rooms

  • Use the iron:router package to subscribe to parameterized collection publications specific to the room the user is in.
  • Use template helpers to dynamically display a list of users in the room and their states.
  • Use template helpers to display a reactive list of messages.
  • Use template events to submit a new message.

You can see a live version of the app at http://dpidchatroom.meteor.com/

##CoffeScript

This demo uses CoffeeScript as a cleaner way to write JavaScript. For package information, see https://atmospherejs.com/meteor/coffeescript

##Jade

This demo uses the Jade template engine as a cleaner way to write html. For package information, see https://atmospherejs.com/mquandalle/jade

##Stylus This demo uses Stylus as a cleaner way to write css. For package information, see https://atmospherejs.com/meteor/stylus

##Bootstrap This demo uses Bootstrap for fast prototyping UI. For package information, see https://atmospherejs.com/mizzao/bootstrap-3