firebase-cms icon indicating copy to clipboard operation
firebase-cms copied to clipboard

Basic CMS with Firebase and Angular

Firebase-cms

Basic CMS with Firebase and Angular

Demos

Front-end: demo
Back-end: demo

Development / Build

You need to have Grunt and Node.js installed. Then run the command:

	npm install
	grunt default

Testing

Install an http-server run:

	npm install http-server -g

Running the server:

	http-server

This will create a server on http://localhost:8080/ and let you test this CMS

Setup

Steps:

  • Create a firebase account
  • Create a firebase app
  • Add the following firebase rules
  • Configure your firebase account on https://github.com/eralha/firebase-cms/blob/master/index.html#L29

Firebase Rules:

```javascript { "rules": { ".read": true, "categorias": { ".write": "auth.provider == 'password' && auth != null" }, "paginas": { ".write": "auth.provider == 'password' && auth != null", ".indexOn": "state" }, "imagens": { "$page_id" : { ".write": "auth.provider == 'password' && auth != null && root.child('paginas/'+$page_id).exists() && root.child('paginas/'+$page_id).child('state').val() == 'available'", ".indexOn": ["ownerCategoria", "owner"] } } } } ```

Todos

  • Add internationalization capabilities
  • Remove from codebase any portuguese sentences/words
  • Add capabilities of have dynamic fields
  • Update config.json