https://github.com/silogos/reactnative-hackernewsapi

React Native X Hacker News API
https://github.com/silogos/reactnative-hackernewsapi

hacker-news hackerrank javascipt react react-hooks react-native

Last synced: 3 days ago
JSON representation

React Native X Hacker News API

• Host: GitHub
• URL: https://github.com/silogos/reactnative-hackernewsapi
• Owner: silogos
• Created: 2020-04-17T18:42:00.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T03:40:09.000Z (almost 2 years ago)
• Last Synced: 2024-11-01T07:51:45.851Z (about 2 months ago)
• Topics: hacker-news, hackerrank, javascipt, react, react-hooks, react-native
• Language: JavaScript
• Homepage:
• Size: 3.27 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Native X Hacker News API

## What we use: 

1. React Hooks

2. React Navigation

3. Axios for fetch data

4. WebView auto-resize (free to use)

5. My Boilerplate

6. Refresh data scroll down

7. List Pagination (load more)

## Screenshots

![Story](./screenshots/Story.png "Story")

![DetailStory](./screenshots/DetailStory.png "DetailStory")

## Repo React: 

https://github.com/silogos/ReactNative-HackerNewsAPI

## Hacker News API:

https://github.com/HackerNews/API

## Requirements

Node 10 or greater is required. Development for iOS requires a Mac and Xcode 9 or up, and will target iOS 9 and up.

You also need to install the dependencies required by React Native: [https://reactnative.dev/docs/environment-setup](https://reactnative.dev/docs/environment-setup)

## Running the project

Assuming you have all the requirements installed, you can setup and run the project by running:

- clone this repository

- `npm install --save` to install the dependencies

- run the following steps for your platform

### Android

- only the first time you run the project, you need to generate a debug key with:

  - `cd android/app`

  - `keytool -genkey -v -keystore debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000`

  - `cd ../..` to come back to the root folder

- `npx run react-native start` to start the metro bundler, in a dedicated terminal

- `npx run react-native run-android` to run the Android application (remember to start a simulator or connect an Android phone)

### iOS

- `cd ios`

- `pod install` to install pod dependencies

- `cd ..` to come back to the root folder

- `npx run react-native start` to start the metro bundler, in a dedicated terminal

- `npx run react-native run-ios` to run the iOS application (remember to start a simulator or connect an iPhone phone)