Skip to content

Latest commit

 

History

History
90 lines (62 loc) · 1.53 KB

README.md

File metadata and controls

90 lines (62 loc) · 1.53 KB
Raw

Imba-gags

Like 9gag but much simpler. Made with Imba, Sass and Firebase. It's made to practice a workflow of realtime applications.

Demo

screencast

Installation

npm install

Firebase Setting

Account

  • Create file src/Config.imba
  • Copy the content from src/Config.example.imba
  • Fill the firebase credentials
export var firebaseConf = {
  apiKey: "xxx",
  authDomain: "xxx.firebaseapp.com",
  databaseURL: "https://xxx.firebaseio.com",
  projectId: "xxx",
  storageBucket: "xxx.appspot.com",
  messagingSenderId: "xxx"
}

Cloud Functions Trigger

Get firebase-tools to depoy cloud functions via CLI.

npm install -g firebase-tools

In your working directory, run the following commands.

firebase init functions

Setup your .firebaserc file with your firebase projectId. Cloud functions are store in functions/index.js.

Then deploy the functions to make it live in the firebase server.

firebase deploy --only functions

Development

npm run dev

Build

To run a build version while in development, open another terminal and run

npm run build

Open index.html

Todo

  • Class model abstraction

  • Home page

  • Create/Update page

  • Comment

  • Like / Fun / Vote

  • Firebase data storage

  • Login and authentication

  • Style and CSS

  • Responsive CSS

  • Pagination

  • Optimizing Assets

  • Deploy demo applications -> See https://labs.develoka.com/imba-gags/