• Stars
    star
    191
  • Rank 202,877 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 8 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth

CircleCI

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

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

Stack

  • Create React App
  • React Redux
  • React Router
  • React Router Redux
  • Redux Saga
  • Redux Devtools Extension for Chrome
  • Firebase SDK with OAuth authentication
  • Immutable
  • Reselect
  • SASS

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:

Configure this app with your project-specific details:

// .firebaserc

{
  "projects": {
    "default": "your-project-id"
  }
}
// src/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 Build the application to ./build directory
npm test Test the application; watch for changes and retest