SSIOT Frontend (Summer internship 2018 - AppModule)

SSIOT Frontend is a frontend web application working with SSIOT Backend and SSIOT iOS on connecting Internet of things devices. It is written in javascript using React framework and its main functionality is to display data received from other devices. Data is displayed on widgets that are custom made by a user, and the user can make a completely new widget or use an already existing one.

• Architecture project
• User manual

• Node.js v8+

$ npm install

This will install all the depencies the project has.

$ npm start

Once the project is up and running, these are the options available to you:

• sign in/up
• click the + to create a new widget (this will redirect you to the widget generator page)

Once you are on this page, you can customize the data format your widget will receive, its design (HTML and inline CSS) and its functions (javascript).

Format:

 {
    myvar: 4  
	//this only means that data format of myvar is a number, its value is not neccessarily 4, you can change it later	
 }
  

Design:

<div>
    <h1>This is my var:</h1>
    <p>d_myvar</p>
    <button onclick= f_myfunc1 >Click me</button>
</div>


Functions:

function myfunc1() {
    alert(this.myvar);
    this.myfunc2();
    alert(this.myvar);
}

function myfunc2() {
    this.save({myvar: 66});
    //when you want to change your data(myvar) call function save
}

• axios
• generate-schema
• jsonschema
• mqtt
• react-ace
• react-draggable
• react-render-html
• react-responsive-modal

• Nevena Čolić - Github
• Stefan Čović - Github
• Nenad Dinic - Github
• Petar Markovic - Github

This project is licensed under the MIT Licence - see the LICENCE.md file.