Git Product home page Git Product logo

ujjawalsidhpura / maintenancepro Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 3.0 8.77 MB

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

JavaScript 85.06% HTML 0.92% CSS 7.54% Shell 0.10% SCSS 6.38%
react reactjs auth0 mailgun-api recharts-js pdf-to-image css scss bulma-css-framework storybook cypress circleci netlify

maintenancepro's Introduction

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

maintenancepro's People

Contributors

ebukamoneme avatar shuhaozqgg avatar ujjawalsidhpura avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

maintenancepro's Issues

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.