Coder Social home page Coder Social logo

shinyi-a / solva Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.84 MB

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

Home Page: https://solva.vercel.app/

JavaScript 93.25% CSS 6.75%
solar solarnova nextjs css axios onemap onemapsg ipfs dashboard project-management

solva's Introduction

☀︎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

solva's People

Contributors

shinyi-a avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.