Skip to content

lahdo/button-creator

Repository files navigation

Button Creator

Converts User Story to CSS styles for a button element.

####Demo: http://lahdo.github.io/button-creator

bezier editor

More information

Natural Language Processing and Speech Recognition is provided by Wit.ai.

This is just a proof of concept. I have created this app to test wit.ai services and practise writing applications in React and Redux.

Please note that Speech Recognition System is not recognizing all css properties and thus is not not working very well.

Application is written in ES6 using React and Redux.

Example commands:

Changing button's link (url):

  • Change button link to news.ycombinator.com
  • Change the link of the button to http://news.ycombinator.com
  • Set button link to news.ycombinator.com

Changing button's text:

  • Change text to This is my button
  • Set text to This is my button
  • Text to This is my button

Changing button's property:

  • Change border radius to 200px
  • Set background-color to red
  • Make color #eede33

Changing button's css class:

  • Change class to my-new-class
  • Set class to my-new-class
  • Class to my-new-class

Increasing / decreasing values

  • much more
  • a little bit more
  • less
  • much bigger
  • a little bit lighter
  • slightly darker
  • lighten
  • substantially smaller

bezier editor