https://github.com/r-park/todo-react-redux

Todo app with Create-React-App • React-Redux • Firebase • OAuth
https://github.com/r-park/todo-react-redux

create-react-app firebase react-redux react-router react-router-redux

Last synced: 5 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/r-park/todo-react-redux
• Owner: r-park
• License: mit
• Created: 2015-10-24T01:56:38.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2021-02-27T12:56:19.000Z (almost 4 years ago)
• Last Synced: 2024-12-01T22:05:11.306Z (12 days ago)
• Topics: create-react-app, firebase, react-redux, react-router, react-router-redux
• Language: JavaScript
• Homepage: https://todo-react-redux.firebaseapp.com
• Size: 330 KB
• Stars: 1,020
• Watchers: 48
• Forks: 272
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![CircleCI](https://circleci.com/gh/r-park/todo-react-redux.svg?style=shield&circle-token=6caf8c493bd66544717ff9a47ae01d8be036e53c)](https://circleci.com/gh/r-park/todo-react-redux)

# Todo app with Create React App, React Redux, and Firebase

A simple Todo app example with **undelete** capability — built with [Create React App](https://github.com/facebookincubator/create-react-app), [React Redux](https://github.com/reactjs/react-redux), and [Firebase](https://firebase.google.com/).

Try the demo at https://todo-react-redux.firebaseapp.com. 

A version of this app built with [redux-saga middleware](https://github.com/yelouafi/redux-saga) is available [here](https://github.com/r-park/todo-redux-saga).

## Stack

- Create React App

- React Redux

- React Router

- React Router Redux

- Redux Thunk

- Redux Devtools Extension for Chrome

- Firebase SDK with OAuth authentication

- Immutable

- Reselect

- SASS

Quick Start

-----------

```shell

$ git clone https://github.com/r-park/todo-react-redux.git

$ cd todo-react-redux

$ 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](https://console.firebase.google.com)

- Configure the authentication providers for your Firebase project from your Firebase account console

#### Configure this app with your project-specific details:

```json

// .firebaserc

{

  "projects": {

    "default": "your-project-id"

  }

}

```

```javascript

// 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:

```shell

$ npm install -g firebase-tools

```

#### Build and deploy the app:

```shell

$ 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|