ujjawalsidhpura / MaintenancePro

A Computerized Maintenance Management System for real client to test. A Full stack MERN application, this is the front end Repo.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MaintenancePro

A Computerized Maintenance Management System CMMS

A real production app for a real client to test upon. More features will be added as production continues and feedbacks are received from clients.

This is an app for property managers, maintenance managers, facility managers/coordinators, small-medium size property owners and so on. This app lets you manage your on-going maintenance/operations going on in your facility and keep track of all work-orders. It let's you assign work to a specific technician, see their progress, communicate with them with our in-app chat feature, send email to technican with details of workorder,see annual reports filtered by year, filter workorders by date,title or name, create and filter inventory, view graphs showing all aspects of your maintenance operations, print pdf and so on.

Features

  • Admin view (Full control and access )
  • Technician view (Only workorders assigned and chat feature)
  • Login via 3rd party authentication (Auth0).
  • Create workorder and once submitted, technican gets an email with description and title of the workorder.
  • Filter workorder with ease.
  • Create inventory based on category.
  • Filter inventory with ease.
  • View Today as glance that shows all pending/ongoing workorders , and graphical representation of progress made by all technicians
  • Chat with technician anytime you want in real time!
  • Summary feature give more detailed over view of your entire year. Different tabs give you a graph of monthly workorders and time taken to complete. Summary also gives your details about technicians and their stats.
  • Summary for any given year can be chosen from a drop down list.
  • Print the PDF of summary page with our print summary feature.
  • Add and review assets of the building
  • Asset review helps to forecast future upcoming expenses and make budgetary plans accordingly.

Quick Overview of Tech/Stack

This is a full-stack application completely built from scratch by 3 of us, as a final project for our graduation from Full-stack WebDev Bootcamp, Lighthouse Labs Toronto..

This repo is the Front-end app repo.

Back-end is supplied by https://github.com/ujjawalsidhpura/MaintenancePro-API that is deployed on Heroku. API repo supply with endpoints that maintenancePro will use to communicate/update database.Test Production version of this app is deployed on Netlify via CircleCI continuous integration method.

Highlights

"Admin Dashboard"
Admin Dashboard
"Technician Dashboard"
Technician Dashboard
"Email sent to Technician on workorder submission"
Email sent to Technician on workorder submission
"Database"
Non-Relational MongoDB Database

Testing

  • ESlint (Static)
  • Manual Testing
  • Jest
  • StoryBook (Components)
  • Cypress (End-to-End)

Dependencies / Platforms used

FrontEnd

  • Auth0
  • mailgun
  • Bulma
  • jspdf
  • html-to-image
  • recharts
  • sockets.io
  • Netlify
  • CircleCI

BackEnd

  • MongoDb
  • Heroku
  • Express
  • Morgan
  • Nodemon
  • passport-jwt
  • dotenv

About

A Computerized Maintenance Management System for real client to test. A Full stack MERN application, this is the front end Repo.


Languages

Language:JavaScript 85.1%Language:CSS 7.5%Language:SCSS 6.4%Language:HTML 0.9%Language:Shell 0.1%