readme updated

README.md

@@ -1 +1,55 @@
-# vscode-extension-boilerplate
+# vscode-semantic-live
+
+Real-time Preview Enabled [Semantic Live](https://github.com/keshann93/vscode-semantic-live) Composer
+
+## How?
+
+Copy the following Semantic-UI markup to the vscode html extension file.
+
+```html
+<div class="ui card">
+ <div class="image">
+ <img src="https://semantic-ui.com/images/avatar2/large/kristy.png" />
+ </div>
+ <div class="content">
+ <a class="header">Kristy</a>
+ <div class="meta">
+ <span class="date">Joined in 2013</span>
+ </div>
+ <div class="description">
+ Kristy is an art director living in New York.
+ </div>
+ </div>
+ <div class="extra content">
+ <a>
+ <i class="user icon"></i>
+ 22 Friends
+ </a>
+ </div>
+</div>
+```
+
+You could copy and paste any [Semantic UI components](https://semantic-ui.com/elements/button.html).
+
+## But Why?
+
+[Semantic UI](https://semantic-ui.com) is an awesome library with excellent components that you can use to quickly
+build web interfaces. But I felt like it would be nicer if we can compose bunch of elements and see in realtime how they
+fit together. That's why Semantic Edit.
+
+## Features
+
+- Beautifier
+
+## Run & Build from sourcecode
+
+## What's Under the Hood?
+
+JavaScript!
+
+SemanticEdit uses the following
+
+- [Semantic UI](https://semantic-ui.com)
+- [React JS](https://facebook.github.io/react/)
+- [WebPack Build System](https://webpack.github.io/)
+- [Ace Editor](https://ace.c9.io/#nav=about) & [react-ace](https://www.npmjs.com/package/react-ace)

contributing.md

@@ -1,4 +1,4 @@
-### Help us make Fabulous better
+### Help us make semantic-live better
 
 - Install dependencies by executing `yarn install`
 - Run webpack dev server by executing `yarn ui`