Project PlanHub

Authors:

• MinhQuan Tran
• Jack Dwayne Montana Jones
• Noah Jackson

Current Status: Completed

The project is no longer maintained as of 7/2/2022.

Completed:

• Main Planner Interface Using React
• Linked MongoDB server to website
• Linked Multiple React Componenets into One Web App
• Functional Website

Overview

PlanHub is a web based planner application where users are allowed to make schedules and save them locally on their computer. PlanHubs main goal is to provide it’s users with a hassle free and visually pleasing method of planning, where users can give tasks in their schedules priorities and due dates. With the user giving each task in the schedule a priority, they will have the ability to sort the tasks for a specific date by their priority level.

Planned Languages and Libraries:

• HTML
• CSS
• Javascript
• React
• Node
• MongoDB
• Express
• Axios

Starting the Web App/Environment Setup

1. Have latest version of Node.JS

Check with command(s):

npm --version

or install by downloading the package at:

https://nodejs.org/en/download/

or install using a package manager (ex. below are for MacOS with either Homebrew or MacPorts)

brew install node 
sudo port install nodejs

2. Ensuring Libraries are Installed for the Website and Server

Perform the following commands (in Unix machines):

(Step One: Setting up React)

cd Planhub_App  
npm install  

(Step Two: Settng up MongoDB)

cd src/backend
npm install

3. Running the Web App (Dev Build)

Run the run.py python script in the main PlanHub directory. The command is the following:

python3 run.py

Run the script after all the node_modules dependencies are installed. The script can be ran as many times as the web app needs to be built.