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