
Todo app with Create React App, React Redux, and Firebase
A simple Todo app example with undelete capability — built with Create React App, React Redux, and Firebase.
Try the demo at https://todo-react-redux.firebaseapp.com.
A version of this app built with redux-saga middleware is available here.
- 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
$ git clone https://github.com/r-park/todo-react-redux.git
$ cd todo-react-redux
$ npm install
$ npm start
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'
};
$ npm install -g firebase-tools
Build and deploy the app:
$ npm run build
$ firebase login
$ firebase use default
$ firebase deploy
| 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 |