robertcasanova · September 19, 2015 14:22 · Sep 19, 2015
diff --git a/OyXLJm.markdown b/OyXLJm.markdown
@@ -0,0 +1,7 @@
+OyXLJm
+------
+
+
+A [Pen](http://codepen.io/anon/pen/OyXLJm) by [Captain Anonymous](http://codepen.io/anon) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/anon/pen/OyXLJm/license).
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<div id="reactApp"></div>
diff --git a/script.js b/script.js
@@ -0,0 +1,29 @@
+var Rating = React.createClass({
+  render: function() {
+    return (
+      <div className="rating">
+         <i className="fa fa-star"></i>
+         <i className="fa fa-star"></i>
+         <i className="fa fa-star"></i>
+         <i className="fa fa-star-o"></i>
+         <i className="fa fa-star-o"></i>
+      </div>
+    )
+  }
+})
+
+
+var ReactApp = React.createClass({
+  render: function() {
+    return (
+      <div>
+        <Rating />
+      </div>
+    )
+  }
+})
+
+React.render(
+  <ReactApp />,
+  document.getElementById('reactApp')
+);
diff --git a/scripts b/scripts
@@ -0,0 +1 @@
+<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react.min.js"></script>
diff --git a/style.css b/style.css
@@ -0,0 +1,6 @@
+.rating {
+  i {
+    font-size: 30px;
+    color: #f2a818;
+  }
+}
diff --git a/styles b/styles
@@ -0,0 +1 @@
+<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.13.0/react.min.js"></script>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />