Project Introduction: Projecteer, an awesome project management tool for remote teams and creatives

Repository

https://github.com/olatundeee/projecteer

About Projecteer

Projecteer is a project/task/content management tool that can be used by creative teams to keep track of projects and various tasks under the project.

The idea behind projecteer is to create a platform for communities and remote teams where they can collaborate, undertake and execute different projects.

Projecteer aims to create an environment where

• team members can be assigned tasks at the discretion of the team lead
• users can join or get invited to teams that are open to accepting new members and collaborate on projects by completing tasks with team members
• team members can communicate and keep themselves updated on the progress of their projects
• users can add, modify and remove projects /tasks
• users can share their thoughts and opinions about projects /brands either personal/ not personal.
  Users will be able to add unlimited number of projects and tasks under each project.

Proposed Features

The proposed features for the first release of projecteer include

• Project management interface where users can add/edit/view/delete projects
• Task management interface where users can add new tasks to a particular project, edit existing tasks, view a task and delete a task
• User management including login, signup, role management, user profile area(includes adding, editing and viewing user profiles)
• Team management area where users can create teams, apply to join team, be accepted into teams, delegate tasks to team members, apply to complete an undelegated task, mark delegated tasks as complete, choose a team lead for the project, view and edit team information
• Community management interface where users can publish task reports to talk about completed tasks, publish project updates to inform community members of progress involving the project, publish and comment on blog posts about projects, brands or any accepted category of topics.
• Integration of the community interface with the steem blockchain so users and team members can get rewarded when they publish project updates, task requests, task reports, blogs, articles and other content.
• Private chat area where users can communicate privately.

Current Features of Projecteer

Currently in the project I have implemented the project/task management interface.
Users can add/view/edit/delete projects and various tasks listed under the project.

Project Management

Adding a new project

When creating a new project the user has to submit the following information

• Project title
• A brief note about the problems being tackled by the project
• Another brief note about the solutions that will result from the project
• A detailed description of what the project is about and every other useful details on the project

View all projects

The projects list is displayed on a table and for each project we have following options

• View project details (first button on the row)
• Edit project details(second button on the row)
• Delete a project (third button on the row)
• Add task to project(fourth button on the row)
• View project tasks(fifth button on the row)

Looking at the top corner of the page the user can see a button add new project , clicking that button will take us to the view for adding a new project

View project detail

On the page above we can see all details entered when creating the project including the project title and the rest.

Edit Project

The interface above will help users edit an existing project details in case the need ever arises.

Task Management

Add Task

On the projects listing page we have a button that says add task(fourth to the right). Clicking this button will take users to the view below where they can add a new task to that particular project.

When submitting a new task the user is expected to include the following information

• Task title
• A brief description of what the task is about
• Reasons for creating the task
• Expected results/outcome from the completion of a task

View All Tasks

The view all tasks interface is displayed through a table. Each displayed task is accompanied by three buttons that can be used to execute the following

• View task detail
• Edit task detail
• Delete task detail

View Task Detail

The details of each task can be viewed by clicking on details button in view all tasks.

Below is the view for viewing task detail

On this page every information about each task is displayed including the task title, description and so on.

Edit Task Detail

The details of each task can be edited by clicking on edit button in view all tasks.

Below is the view for edit task detail

Technology Stack

The following are the technologies and frameworks I’m using for this project

Front End

• Angular 7
• MaterializeCSS

BackEnd

• NodeJS/Express
• MongoDB

Roadmap

Future updates for this project will include the implementation of

• User Management interface
• Team Management interface
• Community management interface

And other necessary improvements needed to create a top notch product.

How to contribute?

You can contribute to the project by forking and cloning the github repo(link shared at the top), running npm install in the project root directory(backend) and client directory to install all dependencies.

To start the backend server navigate to the root directory and run the following command

SET DEBUG=projecteer:* & npm start

To start the frontend server navigate to the client directory in the project folder and run the following command

npm start

Before working on the project kindly contact me on discord at the handle gotgame.

Github Commit

All the updates in this post was pushed in 1 commit

https://github.com/olatundeee/projecteer/commit/ab7523fe28b1a459659c3decd12dc85f4c06fedb

GitHub Account

https://github.com/olatundeee