React Redux Firebase blog

Very simple blog app developed using React Redux Firebase.

Sample app shows how to create, update and delete html posts, write and delete comments.

User management is handle using firebase providers. As example Google provider is being used.

Demo of app is available at https://redux-blog-533c0.firebaseapp.com

Stack

React
React-Redux
React-Router
React-Router-Redux
Redux
Redux-Thunk
React-toolbox for material design
React-rte Rich text editor
sanitizer - CAJA html sanitizer
Moment
Firebase SDK 3 with OAuth authentication
Babel
Immutable
Recompose
SASS
PostCSS
Webpack

Developed using

Eslint
Airbnb Eslint config
Ava
Enzyme
Chai
Sinon
Proxyquire

Quick Start

$ git clone https://github.com/dlebedynskyi/Redux-Firebase-blog
$ cd Redux-Firebase-blog
$ npm install
$ npm run watch

Deploying to Firebase

Prerequisites:

Create a free Firebase account at https://firebase.google.com
Create a project from your Firebase account console
Configure the authentication providers for your Firebase project from your Firebase account console

Configure this app with your project-specific details:

// .firebaserc

{
  "projects": {
    "default": "your-project-id"
  }
}

// src/config/config.js
export default {
  firebase:
    apiKey: 'your api key',
    authDomain: 'your-project-id.firebaseapp.com',
    databaseURL: 'https://your-project-id.firebaseio.com',
    storageBucket: 'your-project-id.appspot.com',
  }
};

Add default data sample (optional)

In your firebase console you can import initial.data.json into your database. File contains 1 post and 1 comment as a prototype of your db structure used by application.

Install firebase-tools:

$ npm install -g firebase-tools

Build and deploy the app:

$ npm run build
$ firebase login
$ firebase use default
$ firebase deploy

NPM Command Summary

Script	Description
`npm run watch`	Start webpack development server @ `localhost:3000`
`npm run build`	Build app to `./dist`
`npm run clean`	Removes build artifact from `./dist`
`npm start`	Run express server @ `localhost:3000` for './dist'.(Run `npm run build` first)
`npm run lint`	Lint `.js` files
`npm test`	Run unit tests with Ava
`npm run test:watch`	Run unit tests in watch mode