Planning app for teams based on React https://plan.ghosh.pro
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Sudipto 0f8aa3487e cdm ga 10 months ago
functions mailer added 10 months ago
public landing page added 10 months ago
src cdm ga 10 months ago
.gitignore working 10 months ago
LICENSE working 10 months ago
README.md working 10 months ago
package-lock.json working 10 months ago
package.json working 10 months ago

README.md

React Planner

build passing contributions welcome Dependency Status devDependencies Status

Planning app for teams. This React app uses Materialize, React Router, Redux, Firebase, Thunk, Google Analytics and Moment.

Quick Start

Configuration

Create a new Firebase project in your Firebase console. Enable E-Mail and Password Authentication from the Authentication section.

Enable Cloud Firestore for the project. Copy the script from the console and edit temp-firebase.js in src/config according to the format given below, and then rename it to firebase.js.

import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";

const config = {
  apiKey: "xxxxx",
  authDomain: "xxxxx.firebaseapp.com",
  databaseURL: "https://xxxxx.firebaseio.com",
  projectId: "xxxxx",
  storageBucket: "xxxxx.appspot.com",
  messagingSenderId: "xxxxx"
};

firebase.initializeApp(config);
firebase.firestore().settings({ timestampsInSnapshots: true });

export default firebase;

Edit the CSS and JSX files to customize the colours.

Enable Cloud Functions and intiialize the Firebase project in the cloned directory.

# Install Firebase CLI
npm install -g firebase-tools

# Login to Firebase
firebase login

# Initialise the Firebase project
firebase init
# Enter build when asked about public directory
# Enable functions and hosting
# Say yes to Rewrite URLs prompt

Deploy the functions in order for actions in Live Development Server to work correctly by running firebase deploy --only functions.

Running the app

For development, you can make use of the Live Development Server.

# Install Dependencies
npm install

# Start a Live Development Server
npm start

For production, run the following commands in a terminal.

# Build the React app
npm run build

# Deploy the app
firebase deploy

Author

Sudipto Ghosh

Portfolio: sudipto.ghosh.pro

This app is provided under the MIT License.