React-roi-calculator NPM

react-roi-calculator

Return on Investment (ROI) React Component to company product with direct competition. Contains table and slide to show how ROI changes per requirements. Chart coming soon. Made for manufacturing B2B companies

Screen Shot of ROI Calculator Example

Install

npm install --save react-roi-calculator

Usage

import React from 'react';

import { ROICalculator } from 'react-roi-calculator';
import 'react-roi-calculator/dist/index.css';

const App = () => {
  return (
    <ROICalculator
      productName='RoboCAP'
      competitorProduct='Manual Hand filling'
      productArray={productArray}
      competitorInformation={competitorInformation}
      defaultProductIndex={1}
      companyProductStats={companyProductStats}
      companyColour='#0076BE'
      sliderLowerLimit={4000}
      sliderUpperLimit={250000}
    />
  );
};

const companyProductStats = {
  outputPer: 1,
  numOfEmployees: 2,
  wage: 15,
  leasingCost: 800
};

const competitorInformation = {
  numOfEmployees: 5,
  wage: 15,
  outputPerEmployee: 60
};

const productArray = [
  { output: 3000, name: 'Capsules' },
  { output: 1200, name: 'Bottles/Tinctures' },
  { output: 1500, name: 'Candy' },
  { output: 600, name: 'Creams' },
  { output: 600, name: 'Salves' },
  { output: 1200, name: 'Cartridges' }
];

export default App;

Component Inputs

productName: string value for your product name
competitorProduct: string value for the competing product
productArray: array containing objects with the following details about each of your products