Giter VIP home page Giter VIP logo

payalpatra / dynamic-kpi-dashboard Goto Github PK

View Code? Open in Web Editor NEW
5.0 3.0 2.0 365 KB

This is a Full-Stack KPI Dashboard intended to solve business problems. This Application has 2 Roles (User & Admin).

Home Page: https://dynamic-kpi-dashboard.herokuapp.com/

JavaScript 94.47% HTML 0.37% SCSS 5.14% CSS 0.03%
reactjs redux redux-thunk react-redux redux-devtools-extension tailwindcss scss chartjs axios react-to-pdf express passport mongodb mongoose router bcryptjs

dynamic-kpi-dashboard's Introduction

Dynamic-KPI-Dashboard

Project Overview

This is a Full-Stack KPI Dashboard that provides an at-a-glance-view of your business performance in real-time so you can get a better picture on how the entire organization is doing.This application not only provides information on KPI of the company. It also allows to add data and create charts instantly and download them in PDF format. In addition to that this application also provides real-time chat facility to pass important information between employees. This Application has 2 Roles (User & Admin) which is explained after the Installation Guidelines.

Installation Guidelines

STEP 1

 git clone https://github.com/payalpatra/Dynamic-KPI-Dashboard.git

STEP 2

  • Note - Run this command in the ROOT directory as well as in the FRONTEND directory.
  • cd frontend
   npm install

STEP 3

  • After downloading all the Frontend Dependencies.
  • Run this command in the frontend directory
   npm run build

STEP 4

  • Create .env file in the root directory with following variables.
    PORT = 5000
    MONGO_URI =
    NODE_ENV = production

STEP 5

Run this in the root directory
 npm start

STEP 6

  • The application gets served in the port 5000 if all the above steps correctly are done correctly. ๐Ÿฅ‡
http://localhost:5000/

User Role

This is the default role that is assigned after successful registration.

  • The User can access the KPI charts as well as download them in PDF format.
  • The User can Join the Proffessional chat room to get important information.
  • The User can check the roles of other users in the users section of the application.
  • The User can check the details of all the customers and status of the order.
  • The User can check the task deadlines and the employee that needs to complete the tasks.

Admin Role

The admin role can be assigned to a user either from changing the role attribute of the user from "User" to "Admin" in the database or an existing admin can assign the Admin role to the user from the application itself.

  • The admin gets all the facilities offer to the User with additional facilities.
  • Admin can add Data for Key Performance Indicators and the charts get updated with new data.
  • Admin can change the role of the user from "Admin to "User" or "User" to "Admin".
  • Admin can assign tasks to employees with deadline.
  • Admin can update the status of the customers.
  • Admin can also can change the status of the tasks from pending to complete.
  • After the tasks is completed the task is deleted from upcoming deadlines table.

Screenshots

User Home Page Admin Upcoming Deadlines Messages Update Charts Assign Task Admin user section

dynamic-kpi-dashboard's People

Contributors

payalpatra avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  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.