gistfile1.coffee

# Front end

api = connectAPI "https://localhost:3000"

Colors = api.collection 'colors'

colors = Colors
       << sortBy .name

App {
  state: { colors, activeColor: Nothing }

  actions: {
    like color: Colors.set color.id { likes: color.likes + 1 }
  }

  template:
    h1 My Favorite Colors

    .empty(if: empty @colors) No colors yet

    ul
      li(repeat<color>: @colors
         class<active>: @activeColor == color
         click: @activeColor = color
        ) {.likes} people like {.name}

    .footer(if: @activeColor)
      button(click: :like @activeColor) Like!

}

# Server in coffeescript

Flint = require('Flint')

api = Flint.api()

colors = api.collection 'colors', Flint.mongo(mongoConnection)

api.run(3000)