https://github.com/freedomotic/fd-vue-webapp

A Vue.js web application for Freedomotic Open IoT framework
https://github.com/freedomotic/fd-vue-webapp

automation axios hacktoberfest hacktoberfest2020 internet-of-things iot iot-platform javascript open-source opensource quasar quasar-framework vue vue-material vue-router vuejs vuex webapp

Last synced: 8 months ago
JSON representation

A Vue.js web application for Freedomotic Open IoT framework

• Host: GitHub
• URL: https://github.com/freedomotic/fd-vue-webapp
• Owner: freedomotic
• License: agpl-3.0
• Created: 2017-10-03T15:43:43.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-01T01:18:49.000Z (almost 3 years ago)
• Last Synced: 2025-04-02T08:23:28.715Z (8 months ago)
• Topics: automation, axios, hacktoberfest, hacktoberfest2020, internet-of-things, iot, iot-platform, javascript, open-source, opensource, quasar, quasar-framework, vue, vue-material, vue-router, vuejs, vuex, webapp
• Language: Vue
• Homepage: http://fd-vue-webapp.herokuapp.com/
• Size: 7.65 MB
• Stars: 65
• Watchers: 6
• Forks: 66
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-vue - fd-vue - A Vue.js web application for Freedomotic Open IoT framework ` 📝 7 months ago ` (Open Source [🔝](#readme))
• awesome-vue-zh - fd-vue - 物联网框架的Vue.js客户端 (awesome-vue [](https://github.com/sindresorhus/awesome) / 开源)
• awesome-vue - fd-vue ★19 - Vue.js client for an IoT framework (Awesome Vue.js [ ★101652](https://github.com/sindresorhus/awesome) / Open Source)
• awesome-vue - fd-vue - Vue.js client for an IoT framework (Awesome Vue.js [](https://github.com/sindresorhus/awesome) / Open Source)
• awesome-vue - fd-vue - Vue.js client for an IoT framework (Projects Using Vue.js / Open Source)

README

          
# fd-vue-webapp

A Vue.js client for [Freedomotic](https://www.freedomotic-platform.com) framework.

---

[![Build Status](https://travis-ci.org/freedomotic/fd-vue-webapp.svg?branch=master)](https://travis-ci.org/freedomotic/fd-vue-webapp)

[![Code Triagers Badge](https://www.codetriage.com/freedomotic/fd-vue-webapp/badges/users.svg)](https://www.codetriage.com/freedomotic/fd-vue-webapp)

## Scope of the project

This repository contains the implementation of a front end client for [Freedomotic](https://www.freedomotic-platform.com).

The aim of this project is to reproduce all features already integrated in our Java frontend, that's available [here](https://github.com/freedomotic/freedomotic/tree/master/plugins/devices/frontend-java).

To have a broad idea about its features you can have a look at our [YouTube channel](https://www.youtube.com/freedomotic).

## Screenshoot

### Dashboard Page

![Dashboard page](/img/fd-vue-dashboard1.png)

![Dashboard page with environment menu open](/img/fd-vue-dashboard2.png)

### Things Panel

![Things Panel](/img/fd-vue-things-panel.png)

### Plugins Panel

![Plugins Panel](/img/fd-vue-plugins-panel.png)

### Automations Panel

![Automations Panel](/img/fd-vue-automations-panel.png)

### Mobile

![Mobile home page](/img/fd-vue-mobile-home.png)

![Mobile things page](/img/fd-vue-mobile-things.png)

![Mobile plugins page](/img/fd-vue-mobile-plugins.png)

![Mobile automations page](/img/fd-vue-mobile-automations.png)

## Pre-requirements

In order to execute this `fd-vue-webapp` client locally, first you need to download and launch an instance of Freedomotic on your machine.

Freedomotic is a framework built in Java, so the only pre-requirement to make it running is to have a Jre8 installation on your machine.

### Download and launch the latest build of the framework

You can download the latest available daily build available [here](http://teamcity.jetbrains.com/guestAuth/repository/download/bt1177/.lastSuccessful/freedomotic-5.6.0-%7Bbuild.number%7D.zip)

The zipped version of this daily build contains a jar file, named `freedomotic.jar` that you can run by executing the following command:

```java

java -jar freedomotic.jar

```

### Freedomotic RESTful endpoints

Once launched, a local setup of Freedomotic RESTful APIs will be available at `localhost:9111`.

### Freedomotic Polymer client, an inspiration

Some time ago we developed a first client prototype using Polymer (here it is a [brief video](https://www.youtube.com/watch?v=0pN-8mbNuQk) showing its features).

Polymer client source code is hosted [here](https://github.com/freedomotic/fd-polymer-webapp) on GitHub: maybe you can look at it to have some inspiration.

**WARNING**: At the moment that project is deprecated.

### Technical notes

This project uses Vue.js and [Quasar](https://quasar.dev/) framework.

### How to launch it

Clone or fork this repository, then follows the following set of commands:

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run serve

# create a production build

npm run build

```

# Contributing

If you like to contribute to this project, please follow our guidelines, available [here](https://github.com/freedomotic/fd-vue-webapp/blob/master/CONTRIBUTING.md).

# Partners

This project is supported by: