fantasy eventer

Fantasy Sport App mit React App Creat, React Redux und Firebase

Ein einfaches Beispiel für die Todo -App mit uneleter Funktion - erstellt mit React App, React Redux und Firebase.

Stapel

• React App erstellen
• React Redux
• Router reagieren
• React Router Redux
• Redux Thunk
• Redux Devtools Erweiterung für Chrome
• Firebase SDK mit OAuth -Authentifizierung
• Unveränderlich
• Wiederauswahl
• Sass

Schneller Start

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

Bereitstellung in Firebase

Voraussetzungen:

• Erstellen Sie ein kostenloses Firebase -Konto unter https://firebase.google.com
• Erstellen Sie ein Projekt aus Ihrer Firebase Account -Konsole
• Konfigurieren Sie die Authentifizierungsanbieter für Ihr FireBase -Projekt aus Ihrer Firebase -Kontokonsole

Konfigurieren Sie diese App mit Ihren projektspezifischen 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'
} ; 

Installieren Sie Firebase-Tools:

$ npm install -g firebase-tools

Erstellen und bereitstellen die App:

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

NPM -Befehle

Skript	Beschreibung
npm start	Starten Sie den WebPack Development Server @ localhost:3000
npm run build	Erstellen Sie die Anwendung auf ./build Directory
npm test	Testen Sie die Anwendung; Achten Sie auf Änderungen und testen Sie sie erneut