finished the first screen, added readme.md with a screenshot

Author: Simar Singh

Diff for: App/Views/Post/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react-native');
+
+var {
+  View,
+  Text,
+} = React;
+
+var styles = require('./style');
+
+var Post = React.createClass({
+  render: function() {
+    return (
+      <View>
+      <Text>Hello World!</Text>
+      </View>
+    );
+  }
+});
+
+module.exports = Post;

Diff for: App/Views/Post/style.js

@@ -4,22 +4,25 @@ var React = require('react-native');
 
 var {
   Text,
-  View
+  View,
+  TouchableHighlight
 } = React;
 
 var styles = require("./style");
 
 var PostCell = React.createClass({
   render: function() {
     return (
+      <TouchableHighlight onPress={this.props.onSelect}>
       <View style={styles.container}>
         <Text style={styles.postCount}>
           {this.props.post.count}
         </Text>
-        <Text style={styles.postTitle}>
-          {this.props.post.title.text}
-        </Text>
+          <Text style={styles.postTitle}>
+            {this.props.post.title.text}
+          </Text>
       </View>
+      </TouchableHighlight>
     );
   }
 });

Diff for: App/Views/Posts/Elements/PostCell/index.js

@@ -28,6 +28,6 @@ module.exports = StyleSheet.create({
     marginTop: 10,
     marginBottom: 10,
     marginRight: 10,
-    color: '#000000'
+    color: '#FF6600'
   },
 });

Diff for: App/Views/Posts/Elements/PostCell/style.js

@@ -3,7 +3,6 @@
 var React = require('react-native');
 
 var {
-  AppRegistry,
   Text,
   View,
   ListView,
@@ -15,6 +14,9 @@ var api = require("../../Network/api.js");
 //View Elements
 var PostCell = require("./Elements/PostCell");
 
+//Views
+var PostView = require("../Post");
+
 var ViewReactClass = React.createClass({
   getInitialState: function() {
     return {
@@ -60,9 +62,18 @@ var ViewReactClass = React.createClass({
   },
   renderPostCell: function(post){
     return(
-      <PostCell post={post}/>
+      <PostCell
+        onSelect={() => this.selectPost(post)}
+        post={post}/>
     );
   },
+  selectPost: function(post){
+    this.props.navigator.push({
+      title: "Top Story #"+post.count.substring(0, post.count.length - 1),
+      component: PostView,
+      passProps: {},
+    });
+  },
 
 });
 

Diff for: App/Views/Posts/index.js

@@ -0,0 +1,8 @@
+# HackerNews-React-Native  
+
+Made with React-Native.
+
+## Screenshot:  
+<center>
+<img src="http://i.imgur.com/vfvL9Mj.png" height="700"  width="250"/>
+</center>

Diff for: HackerNews.xcodeproj/project.xcworkspace/xcuserdata/simarsingh.xcuserdatad/UserInterfaceState.xcuserstate

@@ -15,6 +15,7 @@ var HackerNews = React.createClass({
     return (
       <NavigatorIOS
         style={styles.container}
+        tintColor='#FF6600'
         initialRoute={{
           title: 'Hacker News - Top Stories',
           component: PostsView,
@@ -26,6 +27,7 @@ var HackerNews = React.createClass({
 var styles = StyleSheet.create({
   container: {
     flex: 1,
+    backgroundColor: '#F6F6EF',
   },
 });