/solva

Project management dashboard for multiple small project sites (solar PV system installation)

Primary LanguageJavaScript

☀︎SOLVA - A project management dashboard for SolarNova Project (Solar Photovoltaic (PV) System Installation)

Preface

I was inspired to develop this project management dashboard from my time as a project engineer on SolarNova the project. This dashboard is designed for projects with multiple small project sites, and based on the use case for the SolarNova project. It is able to track the different milestones dates, show overall completion graph, upload/download documents and for the Project Managers, able to know which project sites to prioritise at a glance.

Brief description of project:

Each project site is a HDB block, represented by a postal code.
Project lifecycle: Pending (not started yet) > Under construction > Ready for testing and commissioning > System turn on (project completion)

How to use

There are 3 different user roles and views for the dashboard – Admin, Project Manager and Auditor. The user matrix will be as follows:

Alt Text

Logging in as Admin

Alt Text

  • Admin can only view the dashboard as they are not in charge of the project.
  • Admin can add a Project Manager user or an Auditor user.
  • Admin can delete users.

Logging in as Project Manager

Alt Text

  • Project Managers are able to perform all the functions on the dashboard except for deleting other Project Manager type users.
  • Project Managers are able to create blocks, update blocks and delete Auditor type users.

Logging in as Auditor

Alt Text

  • Auditor checks the testing and commissioning test reports as well as the as-built drawings of the turned on solar PV sites.
  • Auditor will only be able to view the list of turned on blocks.
  • Auditor is only able to download the test reports and as-built drawings.

Features

- Log in page. Checks if you are already logged in previously, if yes, it will redirect you directly to the dashboard page. If you are a logged in Auditor, you will be redirected to the Turn On page.

Alt Text

- Shows the overall progress of the project over a 1 year span. The months the graph is showing depends on the current month you are viewing it in.

Alt Text

- The app will check for the current logged in user and display the projects owned by the user. These projects shown on the home (dashboard) page are the ones that the users should prioritise. Admins and Auditors will not see this.

Alt Text

- This page shows all the completed projects. This makes for the home page of the Auditors.

Alt Text

- This is the detailed view of each project (HDB block)

Alt Text

- This view is to update the project progress, only seen by the Project Managers (Staff)

Alt Text

- Admin and Project Manager (Staff) roles can use this to manage the dashboard users.

Alt Text

Technologies used

  • Next.js
  • MongoDB
  • CSS
  • axios
  • Chart.js
  • IPFS
  • OneMap API