HackerBuzz-ReactNative
                                
                                 HackerBuzz-ReactNative copied to clipboard
                                
                                    HackerBuzz-ReactNative copied to clipboard
                            
                            
                            
                        A Hacker News Reader built in React Native for iOS and Android
HackerBuzz-ReactNative
Over the past few months, I've been working on a side project to gain an understanding of the React Native workflow. I decided to create a Hacker News reader using Y Combinator's API.
Available for iOS on the App Store and Android on the Google Play Store
 
  
  
  
 
Setup
- Clone the repo
- $ cd HackerBuzz-ReactNative
- Run either $ yarn installor$ npm install
I used the Facebook Audience Network in order to display advertisements every 20 stories. As a result, you need to make sure that the SDK is properly installed or else the project won't build.
iOS
- Make sure that cocoapods are installed
- $ sudo gem install cocoapods
 
- $ pod install
- Open HackerBuzz.xcworkspace
- Modify jsCodeLocationto point to your IP address inAppDelegate.m
- If you wish display ads, make sure that you create a placement within the Facebook Developer console or else they won't appear.
- Getting Started with the Facebook SDK
- Getting Started with The Facebook Audience Network
- Modify kFacebookAdPlacementIdwithinStoryListAd.m
 
- Run via XCode or $ react-native run-ios
Android
- Build the Android project
- Add the Facebook SDK to the project as per these instructions
- If you wish display ads, make sure that you create a placement within the Facebook Developer console or else they won't appear.
- Getting Started with the Facebook SDK
- Getting Started with The Facebook Audience Network
- Modify PLACEMENT_IDwithinRNTNativeAdManager.java
 
- Run via Android Studio
Testing
The project currently contains test for the actions and reducers within /js/__tests__/. Mocks are located within js/__mocks__/ In order to execute these tests, run $ npm test.
Current Test Coverage
 
Scripts
- $ npm bundle-ios- Bundle code for an iOS release build
- $ npm bundle-android- Bundle code for an Android release build
- $ npm test- Run unit tests
- $ lint-fix- Run linter
Future Work
Settings
- [ ] Light Theme
- [ ] Specify Font Size
Contributing and License
Issues
Feel free to submit issues and enhancement requests.
Contributing
- Fork the repo on GitHub
- Clone the project to your own machine
- Commit changes to your own branch
- Push your work back up to your fork
- Submit a Pull request so that we can review your changes
License
Released under the MIT License. Check LICENSE.md for more info.
Donate
Any support would be highly appreciated! 🚀 🌕
- BTC: 1LCurQW9j7rP7uJYki2uW8RGFDJPujdvEt
- ETH: 0x6350726EfE25205ef3AE88f054a16d40091725B6
- LTC: LPvPMmqzBSDEjUmJcv2bXNUuc6cUWLnfoq