Taskwork

Description

A user-friendly project management tool that utilizes the scrum framework, allowing users to track project tasks, review those in flight and boost team efficiency.

Motivation

The primary driver behind Taskwork is to deliver a project-management tool with a relatively low barrier to entry. Taskwork is designed to be easy to navigate with special attention given to a fluid UI/UX experience. In addition, a completely responsive, mobile-first design allows users to track projects on the go.

How to use

After logging in, users create projects on the Project Page where they can add descriptions and track the overall status of the project. Each project is linked to its own task page, where users can add tasks, advance tasks through different statuses of completion: To Do, In Progress, In Testing and Complete, from where users can move the projects to new states for another team to review the project. Once the In Review team is happy, the project can be moved to Complete once all project requirements have been met and approved.

Challenges and Solutions

Pulling Data from Multiple Tables

- Challenge: Taking the data that is stored in multiple tables and outputting them to the screen.
- Solution: Creating static async/await class methods that were called inside our routes to output.

Trying to Store User ID and Project ID across multiple pages

- Challenge: Trying to access user ID and project ID across multiple pages.
- Solution: Creating database tables that store the ID's based on the user ID and methods to call for that information. 

Demo

Preview of user navigating signup and login screen.

How to create a new project.

How to create a new task that is linked to a specific project.

How to delete, move and complete tasks.

Installation

DEPLOYING SOON! In the meantime, go to GitHub fork or clone the repo to your local machine. In the terminal, navigate to the cloned repo and type npm i to install all required modules. Once that has completed, type npm run start or npm run dev to launch the app. Following the provided URL to your browser and create an account or sign in as guest to get started.

Credits

Project Manager, Frontend Development and Design: Harmony Trevena GitHub

Backend Development: Luke Brazil GitHub, Jai Gokhale GitHub

Frontend Development, Testing and UX: Kevin Jeffers GitHub DigitalCrafts