GithubHelp home page GithubHelp logo

tum-esi / wot-marketplace Goto Github PK

View Code? Open in Web Editor NEW
5.0 3.0 3.0 3 MB

Repository of Devices that can be WoT Enabled

Home Page: https://wotify.org

License: MIT License

TypeScript 31.07% JavaScript 4.84% HTML 1.30% Vue 62.79%
nodejs wot

wot-marketplace's People

Contributors

ajs124 avatar egekorkan avatar eileenoo avatar hasbel avatar teckwan avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

wot-marketplace's Issues

About page

There should be a page explaining:

  • What is WoTify
  • What is WoT: giving links to the specs and so on
  • Who are we
  • Tutorial on how to make a WoT device:
    • Connecting an LED and resistance to a RPi. One with Python, one with node-wot
    • Connecting a HAT (e.g. SenseHAT). This would be better since a HAT is more fool proof

Possibility to add pictures to projects

Since WoTify projects are related to physical devices, it would be nice to have photos in projects. This lack of feature becomes very apparent when we tweet about new projects. At the moment, we can only show the readme which looks like a documentation at best.

Describe the solution you'd like
One possibility would be how GitHub puts images in issue comments. You can copy paste an image and it will be uploaded to imgur and be linked in the markdown.

Describe alternatives you've considered

  • We can encourage people to put photos in readme and their github repo. Then we would have to navigate and find that image.
  • Having photos section on the right panel of the project

Visualization of the Thing Description

Similar to what the GUI of browserified node wot does, it would be nice to show the features of the devices through td interactions in a visual fashion.

Streamlining Deployment

Not copy pasting from frontend to backend and changing stuff but having one "deploy it now" command

VUEX

EDIT and DELETE buttons have different size in project page when logged in

Describe the bug
When a user is logged and goes to one of the projects he/she added, there is the option to edit and delete but the buttons for them have different sizes.

Expected behavior
They should keep the same size in every scaling of the page

Screenshots
image

Setup

  • Browser: firefox
  • Version 68.0.2

Additional context
There were some fix tries by @teckwan but no result yet

Invalid TDs are accepted by Frontend and Backend

I would suggest validating TDs using the validation schema provided by the TD spec and some more stuff. At some point, they can be left to the backend but Playground is able to do all the required validation in the frontend.

Simple JSON Schema validation (using ajv) to check against the schema (frontend?). Do assertion test to find what is supported by the TD that can be also used to generate tags for searching.

User Page

  • Show all projects
  • Delete projects
  • Show name & email

Adding a new project on wotify gives error

Describe the bug
After logging into my account and clicking on New Project and filling the required places the Create Project button gives the "There is an unknown problem. Please try again later." error. If you click to it once more it gives the "Please provide your Thing Description in valid JSON format." although TD is valid.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://wotify.org/#/login'
  2. After logging in Click on 'New Project'
  3. After filling the blanks Scroll down to 'Create Project' and click on it
  4. See error: 'There is an unknown problem. Please try again later.'
  5. Click on it again and see error: 'Please provide your Thing Description in valid JSON format.'

Expected behavior
A new project added to wotify.org

Screenshots
WhatsApp Image 2019-07-08 at 16 51 37
WhatsApp Image 2019-07-08 at 16 51 58
WhatsApp Image 2019-07-08 at 16 52 14

Desktop (please complete the following information):

  • OS: [Ubuntu 18.10]
  • Browser [Firefox]
  • Version [18.10]

Main page logo

In the main page, there is only a WoTify button but not really a logo. Logo ideas anyone?

Secure http headers

HTTP headers should be made more secure, for example by removing headers such as x-powered-by and adding some headers to stop things such as mime type sniffing.

Header is not scalable

When zoomed to the interface, the search button jumps under the account. Maybe a hamburger button appears when zoomed?

Succesful Search should show search term

After a successful search, above the implementations it would be nice to see what the search term was and the amount of hits. So something like:
" Showing 3 results for sensehat"

Beautify Examples

Currently, the example implementations are ugly, i.e. order of property keys, github URLs etc.

Should be done at the end

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.