Phoebe

Phoebe is a solo project created by Randy Hac, crafted as part of AppAcademy's project. Modeled after Asana, Phoebe offers users a platform to manage productivity that allows users to create projects, add team members, and organize the processes of tasks.

Technologies Used

Phoebe was built using the following technologies:

Backend:

• Javascript
• Sequelize
  • sequelize-express

Frontend:

• JavaScript
• React
• Redux
• Framer Motion
• Tailwind

Table of Contents

• Technologies Used
• Installation
  • Backend Setup: Flask
  • Frontend Setup: React
• Operating
• Accord Showcase!
• Wiki Documents
• Future Features
• Technical Implementation Details
• Authors

Installation

Backend Setup: SQL

1. Clone the Repository

   git clone https://github.com/randydhack/Phoebe.git

2. Install Dependencies

   pipenv install -r requirements.txt

3. Configure Environment Settings

   • Create a .env file using the provided example, adjusting settings suitable for your development environment.
   • Ensure the SQLite3 database connection URL is present in the .env file.
   • Set a unique name for the SCHEMA environment variable, using the snake_case convention.

4. Setup and Start the SQL Server

   npm install
   npx dotenv sequelize db:migrate
   npx dotenv sequelize db:seed:all
   npm start

Frontend Setup: React

1. Navigate to the React App Folder

   cd frontend

2. Install Dependencies and Start the App

   npm install
   npm start
   

3. With both backend and frontend running, you're ready to experience Phoebe. Cheers!

Operating

For subsequent sessions, ensure you have two terminal windows:

1. Backend Server (ensure the database is migrated and seeded as mentioned in the installation process)

   cd backend
   npm start

2. Frontend Server

   cd frontend
   npm start

Enjoy Phoebe!

Phoebe Showcase!

Wiki Documents

• Database Schema
• Features
• Backend Routes
• User Stories

Future Features

• AWS: Allow users to add images to projects and profiles.
• Drop-and-Drop: Users can drag and drop sections and cards.
• Invitation Notice User will have an inbox for invitations to accept or decline to join a project.

Technical Implementation Details

Authors

• Randy's Github and LinkedIn