chatApp

A simple app built during an AirPair session.

meteor-boilerplate

A starting point for meteorjs applications, includes Iron Router, Bootstrap 3, Font Awesome, LESS and Coffeescript.

What’s included

Installation

Make sure you have Meteor and Meteorite installed, and then clone locally and run with mrt

File structure

We have a common file structure we use across all of our meteorjs apps. The structure keeps view-dependent files together (.html, .less, .coffee).

.meteor
client
  ├── accounts
  ├── compatibility
  ├── router
  └── stylesheets
    └── lib
      ├── bootstrap.css
      └── font-awesome.css
    ├── global.less
    ├── mixins.less
    └── variables.less
  └── views
    └── dashboard
      ├── dashboard.html
      └── dashboard.less
    └── home
      ├── home.html
      ├── home.less
      └── home.coffee
    ├── footer.html
    ├── header.html
    ├── index.html
    └── loading.html
collections
  └── user.coffee
packages
public
  ├── fonts
  └── favicon.ico
server
  ├── views
  ├── accounts.coffee
  └── publications.coffee

Responsive LESS Variables

Includes 4 LESS variables to make responsive design super easy. Each variable (xs, sm, md, lg) coincides with Bootstrap media queries.


h1 {
  font-size: 24px;

  @media @lg {
    font-size: 36px;
  }
}

Search Engine Optimization

Search engines rely on <title> and <meta> tags to read page titles and descriptions. You can specify these for each page in your app by including the following in the corresponding page’s .coffee file. (Sample included in home.coffee)


Tempate.home.rendered = ->

  document.title = "My New Meteor App"
  $("<meta>", { name: "description", content: "Page description for My New Meteor App" }).appendTo "head"

Related Repositories

chatapp

chatapp

Flask and Angular.js Chat Application using Socket.io ...

chatapp-demo

chatapp-demo

:zap: multi room chat app demo, powered by socket.io ...

chatapp-skel

chatapp-skel

Chat application skeleton ...

angular-5-chat-app

angular-5-chat-app

(WIP) A real-time group chat app (similar to Slack/Discord) using WebSockets and Angular 5 / Electron. Live demo at https://chatapp.pubg.pet ...

chatapp

chatapp

Rails + Node + MongoDB + Redis = Real time chat app ...


Top Contributors

ryw hellogerard queso cfly15 schnie spencercarli musgravejw bitdeli-chef christianbundy dandv