todo-redux-saga's Introduction

A simple Todo app example built with React, Redux, Redux-Saga, and Firebase

Try the demo at todo-redux-saga.firebaseapp.com.

Stack

React
React-Hot-Loader 3.0.0-beta.4
React-Redux
React-Router
React-Router-Redux
Redux
Redux-Saga
Redux-Devtools-Extension for Chrome
Firebase SDK 3 with OAuth authentication
Babel
Immutable
Reselect
SASS
Webpack 2.1.0-beta.22
Webpack Dev Server 2.1.0-beta.4

Quick Start

$ git clone https://github.com/r-park/todo-redux-saga.git
$ cd todo-redux-saga
$ npm install
$ npm start

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/core/firebase/config.js

export const firebaseConfig = {
  apiKey: 'your api key',
  authDomain: 'your-project-id.firebaseapp.com',
  databaseURL: 'https://your-project-id.firebaseio.com',
  storageBucket: 'your-project-id.appspot.com'
};

Install firebase-tools:

$ npm install -g firebase-tools

Build and deploy the app:

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

NPM Commands

Script	Description
`npm start`	Start webpack development server @ `localhost:3000`
`npm run build`	Lint, test, and build the application to `./target`
`npm run lint`	Lint `.js` files
`npm run server`	Start express server @ `localhost:3000` to serve built artifacts from `./target` (must run `npm run build` first)
`npm test`	Run unit tests with Karma and Jasmine
`npm run test:watch`	Run unit tests with Karma and Jasmine; watch for changes to re-run tests

Recommend Projects