From 0 to Live in 30 minutes (will take an hour trying to explain)

A slack clone app demostrating rapid prototyping using EmberJS and Google's Firebase

By Kyriakos Toumbas, Pixel Actions

Prerequisites

You will need the following things properly installed on your computer.

• Git
• Node.js
• Ember CLI
• Yarn (Optional, instead of NPM)
• Google Chrome
• Ember inspector for Chrome

Installation

Fetching the repo

• git clone https://github.com/toumbask/slack-clone (or download a zip file and unzip it)
• cd slack-clone
• yarn install or npm install

Alternatively - Manually setup of the project

• Install ember-cli globally:
  • yarn global add ember-cli or npm install -g ember-cli
• Go to a folder to put the repo/project in
• ember new slack-clone --yarn (or ember new slack-clone to use npm instead)
• Install dependencies:
  • ember install ember-bootstrap
  • ember generate ember-bootstrap --bootstrap-version=4
  • ember generate ember-bootstrap --preprocessor=sass
  • ember install torii
  • ember install emberfire
  • If you get a 'color-convert' error, clear the node_modules folder and reinstall packages by running yarn install or npm install inside the project folder.

Running / Development

• ember serve
• Visit your app at http://localhost:4200.

Deploying

• ember build
• Create a Firebase account on Firebase
• Install firebase-tools globally
  • yarn global add firebase-tools
  • or npm install -g firebase-tools
• Run firebase init inside project root.
  • On public folder question, provide dist

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox