Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/r-park/todo-redux-saga
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
https://github.com/r-park/todo-redux-saga
create-react-app firebase react react-redux react-router react-router-redux redux-saga
Last synced: about 2 months ago
JSON representation
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
- Host: GitHub
- URL: https://github.com/r-park/todo-redux-saga
- Owner: r-park
- License: mit
- Created: 2016-07-07T06:00:44.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-07-15T20:13:03.000Z (over 7 years ago)
- Last Synced: 2024-10-11T00:51:43.433Z (2 months ago)
- Topics: create-react-app, firebase, react, react-redux, react-router, react-router-redux, redux-saga
- Language: JavaScript
- Homepage: https://todo-redux-saga.firebaseapp.com
- Size: 120 KB
- Stars: 191
- Watchers: 13
- Forks: 49
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://circleci.com/gh/r-park/todo-redux-saga)
# A simple Todo app example built with [Create React App](https://github.com/facebookincubator/create-react-app), [React Redux](https://github.com/reactjs/react-redux), [Redux Saga](https://github.com/redux-saga/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
```shell
$ 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](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|