Project Management

If a group of geese is a gaggle, what is a group of product managers? A bottleneck.

Development screenshot of project creation page

Description

The workforce at Baguio Country Club is organized into multiple divisions and further broken down into departments. The primary mode of communication for project proposals and updates is through conversations and meetings. This approach often results in outdated information, leading to several issues:

  • Delays in task execution, particularly for tasks dependent on the completion of others.

  • Frequent need for follow-ups to advance other tasks.

  • Continuous follow-ups can become a nuisance to involved parties.

  • Task redundancy, where multiple personnel are assigned the same task, or completed tasks are unnecessarily repeated.

  • A lack of urgency in task completion due to delayed updates.

The system is tailored for the club's managers to aid in project management. It features a message board that allows communication among managers. The design adopts a mobile-first philosophy, anticipating that managers will primarily access the site via smartphones. Meanwhile, the backend is designed to integrate with an upcoming Employee's Mobile App, which will enable employees to view and manage their assigned tasks in real-time.

Functions

Executive View

  • This page displays summaries of all active projects, optimized for a large flatscreen TV displays used during managerial meetings.

  • Users can navigate from viewing overall project summaries down to detailed tasks and subtasks.

Projects Page

  • Initiate new projects and modify existing ones.

  • Access specific projects and filter them based on their status.

  • Assign or unassign tasks to departments, divisions, or personnel. Add tasks to existing project tasks.

  • Attach and track the status of purchase requests associated with a project.

  • Engage in project-specific discussions and reference projects, tasks, or purchase requests in messages, via the message board.

  • Timeline Viewing: Monitor the progress and timeline of each project.

Tasks Page

  • Display only tasks associated with the currently logged-in manager.

  • View detailed timelines for tasks, enhancing task management and monitoring.

Project / PR Notifications

  • Monitor updates related to the status changes of projects, tasks, and purchase requests, ensuring timely awareness of critical changes.

Mentions

  • Track mentions of the currently logged-in manager across the message boards of various projects, aiding in prompt response and engagement.

Security

Each account is assigned specific roles and user permissions that dictate their access to various pages and the actions they are permitted to perform within the system. This ensures a secure and organized management of functionalities based on user responsibilities.

Work Done

Interviews

  • Conducted manager interviews to gather requirements and ensure system met business needs.

  • Presented the design and system functionalities to managers to gather additional feedback.

Development

  • Designed database schema and created entity-relationship chart to ensure efficient data storage and relationships.

  • Developed backend code and tested it thoroughly to ensure functionality, reliability, and performance.

  • Created frontend code and tested it thoroughly to ensure user-friendly interface and seamless integration with backend.

  • Produced comprehensive API documentation to facilitate future development and integration.

Deployment

  • Configured settings for DNS, hosting, and primary server, and deployed a production environment of the system.

Support

  • Provided training and support to end-users to ensure successful adoption and usage of the system.

Tech Stack

Express.js Swagger Docker Redis MicrosoftSQLServer Vue.js Quasar Markdown GitHub Vite NPM

  • tiptap.dev - when composing messages, typing the "@" symbol triggers an autocomplete feature that displays a list of user names, facilitating quick and accurate referencing within the communication.

  • frappe gantt - gantt library

  • Pinia - data management

  • Axios - API communication

Screenshots

Development screenshot of main page
Development screenshot of notifications page

Last updated