The Sample CodeBase how to generate graphs using Vuejs

Installation Guidelines

  1. Make sure Node.js is installed on your PC, then simply download or clone this repo and install all dependencies:

    $ git clone https://github.com/ConnectBhawna/Chart_SampleCodeBase.git
    
    $ cd Chart_SampleCodeBase
    
    $ npm install

), insert your Favoriot API key and Favoriot device developer ID to the components/favoriotChart.vue file!

  • API key goes to request headers:

    var headers = {
    headers: {
        'Content-Type': 'application/json',
        'apikey': 'your_API_key'
        }
    }
  • Device developer ID goes to request headers:

    var dataBody = {
      device_developer_id: "your_device_developer_id",
      data: {
        Temperature: this.$refs.temp.value,
        Humidity: this.$refs.hum.value,
        Potentio: this.$refs.pot.value,
      }
    }
  • Run the project!

    $ npm run serve

    The app will be run automatically on http://localhost:8080/. Try to POST some data & GET the data back from Favoriot!

  • Screenshot of Web App

    Enjoy the code~ ?

    GitHub

    View Github