fantasy eventer

Create React App、React Redux、Firebaseを備えたファンタジースポーツアプリ

Undelete機能を備えたシンプルなTODOアプリの例 - Create React App、React Redux、およびFireBaseで構築されています。

スタック

• Reactアプリを作成します
• Reduxを反応します
• 反応ルーター
• Router Router Reduxを反応させます
• Redux Thunk
• Chrome用のRedux DevTools拡張機能
• OAuth認証を備えたFireBase SDK
• 不変
• 再選択します
• サス

クイックスタート

$ git clone https://github.com/dnbr2002/fantasy-eventer.git
$ cd fantasy-eventer
$ npm install
$ npm start

FireBaseに展開します

前提条件：

• https://firebase.google.comで無料のFireBaseアカウントを作成します
• FireBaseアカウントコンソールからプロジェクトを作成します
• FireBaseアカウントコンソールからFireBaseプロジェクトの認証プロバイダーを構成する

プロジェクト固有の詳細を使用してこのアプリを構成します。

 // .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'
} ; 

Firebase-Toolsをインストールします。

$ npm install -g firebase-tools

アプリを構築して展開します。

$ npm run build
$ firebase login
$ firebase use default
$ firebase deploy

NPMコマンド

スクリプト	説明
npm start	WebPack開発サーバーを開始 @ localhost:3000
npm run build	./buildディレクトリにアプリケーションを構築します
npm test	アプリケーションをテストします。変更に注意して再テストします