Home

Awesome

THIS PROJECT IS DEPRECATED IT'S NOT MAINTAINED ANYMORE!

React, Redux Firebase Boilerplate

Build Status

Firebase is a powerful platform for your mobile and web applications that lets you build apps fast without managing servers. Firebase gives you the tools and infrastructure to build better apps and grow successful businesses.

React A javascript library for building user interfaces

Redux Redux is a predictable state container for JavaScript apps.

Boilerplate Introduction

Boilerplate is designed for quickly spin up your apps with Firebase, using bunch of awesome new front-end technologies includes webpack build system, hot reloading, routing & sass support.

Features

Quick Start

$ git clone https://github.com/btomashvili/react-redux-firebase-boilerplate.git
$ cd react-redux-firebase-boilerplate
$ npm install
$ npm run dev

Firebase settings

First you need to create your firebase application to fetch settings for boilerplate. For more information how to add your web app check this resource. After it copy your settings from firebase and fill config.js

module.exports = {

    FIREBASE_CONFIG: {

      apiKey: "",
      authDomain: "",
      databaseURL: "",
      storageBucket: "",

    }
}

Commands

ScriptDescription
npm run devRun development server with webpack-dev-server @ localhost:3000
npm run buildTest, and build the application to ./dist
npm startStart production ready app with pm2 from ./dist @ localhost:8080
npm run lintRun ESLint on ./src

What it looks like

DEMO

https://react-redux-firebase-d6283.firebaseapp.com/


screen