Began working on Search functionality

app/config/default.json

@@ -1,5 +1,6 @@
 {
   "api": "https://hacker-news.firebaseio.com/v0",
+  "apiSearch": "http://hn.algolia.com/api/v1/",
   "base": "https://news.ycombinator.com",
   "colors": {
     "orange": "#EE6F2D",

app/helpers/api.js

@@ -1,6 +1,36 @@
 import cheerio from 'cheerio-without-node-native';
 import config from '../config/default';
 
+/**
+ * Gets post from given query
+ * @param  {String} query The query string to search for
+ * @param  {Object} options The options for the search, see the 'searchOptions' variable in helpers/api.js
+ * @return {Promise}       Returns a promise
+ */
+
+const searchPost = (options = defaultSearchOptions, query='') => {
+
+  const searchOptions = {
+    sortByDate: false || options.sortByDate,
+    pageNumber: 1 || options.pageNumber,
+    tags: 'story' || options.tag,
+  };
+
+  const hitsPerPage = '&hitsPerPage=25';
+
+  // There has to be better way to do this
+  // TODO: Refactor this
+  const dateParameter = searchOptions.sortByDate ? 'search_by_date' : 'search';
+  const queryParameter = `query=${query}`;
+  const tagParameter = `&tags=${searchOptions.tags}`
+
+  const searchUrl = `${config.apiSearch}${dateParameter}?${queryParameter}${hitsPerPage}${tagParameter}`;
+
+  return fetch(searchUrl)
+    .then(response => response.json())
+    .catch(error => error);
+}
+
 /**
  * Get item from given ID
  * @param  {String} itemId The ID of the item to fetch
@@ -364,4 +394,5 @@ export {
   logout,
   getComments,
   toggleComments,
+  searchPost,
 };

app/screens/Search.js

@@ -1,19 +1,37 @@
 import React from 'react';
 import commonStyles from '../styles/common';
+
 import {
   Text,
   View,
 } from 'react-native';
 
+import { searchPost } from '../helpers/api';
+
 export default class Search extends React.Component {
   constructor(props) {
     super(props);
+
+    this.state = {
+      searchResults: [],
+    };
+  }
+
+  componentDidMount() {
+    searchPost({}, 'dog').then(responseJson => {
+      this.setState({
+        searchResults: responseJson.hits,
+      });
+    });
   }
 
   render() {
+    const { searchResults } = this.state;
     return (
       <View>
-        <Text>Search Screen</Text>
+        {searchResults.map(result => (
+          <Text>{result.title}</Text>
+        ))}
       </View>
     );
   }