r-park / Todo React Redux
Licence: mit
Todo app with Create-React-App • React-Redux • Firebase • OAuth
Stars: ✭ 942
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Todo React Redux
Todo Redux Saga
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
Stars: ✭ 184 (-80.47%)
Mutual labels: create-react-app, firebase, react-router, react-redux
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (-6.05%)
Mutual labels: create-react-app, react-router, react-redux
React Social Network
Simple React Social Network
Stars: ✭ 409 (-56.58%)
Mutual labels: create-react-app, firebase, react-redux
Road Beyond React App
🌈 The Road beyond React - Thing you can use after learning plain React.js
Stars: ✭ 108 (-88.54%)
Mutual labels: create-react-app, firebase, react-router
React Antd Admin Template
一个基于React+Antd的后台管理模版,在线预览https://nlrx-wjc.github.io/react-antd-admin-template/
Stars: ✭ 1,022 (+8.49%)
Mutual labels: create-react-app, react-router, react-redux
Web
⚡️ Supercharged version of Create React App with all the bells and whistles.
Stars: ✭ 594 (-36.94%)
Mutual labels: create-react-app, firebase, react-router
Quickbill
Create unlimited invoices for free.
Stars: ✭ 278 (-70.49%)
Mutual labels: react-router, react-redux
React Antd
基于react + redux + immutable + less + ES6/7 + webpack2.0 + fetch + react-router + antd实现的SPA后台管理系统模板
Stars: ✭ 321 (-65.92%)
Mutual labels: react-router, react-redux
Youtube React
A Youtube clone built in React, Redux, Redux-saga
Stars: ✭ 421 (-55.31%)
Mutual labels: create-react-app, react-redux
React Redux Firebase Authentication
🔥Boilerplate Project for Authentication with Firebase in React and Redux
Stars: ✭ 265 (-71.87%)
Mutual labels: create-react-app, firebase
Django React Boilerplate
DIY Django + React Boilerplate for starting your SaaS
Stars: ✭ 385 (-59.13%)
Mutual labels: react-router, react-redux
Patternfly React Demo App
DEPRECATED: This project is no longer active. See https://github.com/patternfly/patternfly-react-seed for PF4 demos.
Stars: ✭ 26 (-97.24%)
Mutual labels: create-react-app, react-router
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (-72.72%)
Mutual labels: react-router, react-redux
Flag Project React
Awesome stack, awesome project pls press the star button
Stars: ✭ 278 (-70.49%)
Mutual labels: react-router, react-redux
Serverless Stack Com
An open source guide for building and deploying full-stack apps using Serverless and React on AWS.
Stars: ✭ 3,617 (+283.97%)
Mutual labels: create-react-app, react-router
Octopus
🐙 Octopus - Internal wiki with diagrams for software and product teams
Stars: ✭ 274 (-70.91%)
Mutual labels: create-react-app, firebase
Redux Firestore
Redux bindings for Firestore
Stars: ✭ 530 (-43.74%)
Mutual labels: firebase, react-redux
Antd Umi Sys
企业BI系统,数据可视化平台,主要技术:react、antd、umi、dva、es6、less等,与君共勉,互相学习,如果喜欢请start ⭐。
Stars: ✭ 503 (-46.6%)
Mutual labels: react-router, react-redux
Miteb Frontend
Online portal to book events and rooms for clubs of MIT, Manipal ✨
Stars: ✭ 18 (-98.09%)
Mutual labels: firebase, 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, 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.
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
$ 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
- Configure the authentication providers for your Firebase project from your Firebase account console
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 |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].