Skip to content

Latest commit

 

History

History
42 lines (23 loc) · 1.88 KB

README.md

File metadata and controls

42 lines (23 loc) · 1.88 KB
Raw

Taskplanner

Home Page

A highly interactive web app that lets users manage and organize their everyday tasks. This repository contains the front-end portion of the project, created with React and Redux.

Requirements

You must have npm installed for this app to work properly. This also requires Taskplanner-server to be deployed to a cloud platform like Heroku. Deployment instructions for Heroku can be found here.

Usage

  1. Create a .env file at the root directory and add the following environment variable:

    REACT_APP_BACKEND_URL=YOUR_SERVER

    Make sure to replace YOUR_SERVER with the deployment URL for your Taskplanner-server.

    Alternatively, if you are deploying this to a cloud platform, you can store this directly to your deployment settings.

  2. Install all necessary dependencies with:

    npm install

  3. Start your app with:

    npm start

OPTIONAL: You can enable Google OAuth2 with the following:

  1. Navigate to https://console.developers.google.com.

  2. Click "Create a new project" and title it.

  3. Go to the Credentials tab on the right (upper-right on mobile) and configure your consent screen.

  4. Go back to Credentials and click "Create Credentials" => "OAuth Client ID"

  5. Set it to web application, add your project's URL to "Authorized Javascript Origins", and click "Submit".

  6. You should see your client id. If you do, add the following to your project's environment variables and replace YOUR_CLIENT_ID with your client id:

    REACT_APP_GOOGLE_CLIENTID=YOUR_CLIENT_ID

    Note: You should also enable Google OAuth2 in your Taskplanner-server.