https://github.com/wwayne/react-native-nba-app

This is why we play
https://github.com/wwayne/react-native-nba-app

Last synced: 6 days ago
JSON representation

This is why we play

• Host: GitHub
• URL: https://github.com/wwayne/react-native-nba-app
• Owner: wwayne
• License: mit
• Created: 2015-11-28T02:30:45.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2019-10-20T03:53:38.000Z (about 5 years ago)
• Last Synced: 2024-11-21T04:11:18.322Z (22 days ago)
• Language: Objective-C
• Homepage:
• Size: 2.67 MB
• Stars: 2,226
• Watchers: 101
• Forks: 511
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• my-awesome - react-native-nba-app - This is why we play (Objective-C)
• fucking-open-source-ios-apps - NBA allyoop

README

        
## This is why we play 

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

[![Circle CI](https://circleci.com/gh/wwayne/react-native-nba-app/tree/master.svg?style=svg)](https://circleci.com/gh/wwayne/react-native-nba-app/tree/master)

![group](https://cloud.githubusercontent.com/assets/5305874/12059257/dacf1ad0-af92-11e5-920c-ba4818d8dc1d.png)

## Info

* **Platform:** iOS & Android

* **State Management:** Redux

* **Code Style:** Standard

* **Unit Test:** None, take a look at [snowflake](https://github.com/bartonhammond/snowflake) for learning

* **Related Articles:** [Let’s drawing charts in React-Native without any library](https://medium.com/@wwayne_me/let-s-drawing-charts-in-react-native-without-any-library-4c20ba38d8ab#.kyyxnrb9s)

## Demonstration

### Games

![game](https://cloud.githubusercontent.com/assets/5305874/12422631/e33d57ca-bf02-11e5-8bdf-e10df77fc1fb.gif)

![game_android](https://cloud.githubusercontent.com/assets/5305874/12530667/eb14e1c2-c220-11e5-864d-971e62646afa.gif)

### Players

![player](https://cloud.githubusercontent.com/assets/5305874/12422675/19ae6696-bf03-11e5-87d5-6abc805b62b8.gif)

![player_android](https://cloud.githubusercontent.com/assets/5305874/12530668/f42c16b8-c220-11e5-82a5-a886cd0cfd65.gif)

### Teams

![team](https://cloud.githubusercontent.com/assets/5305874/12422777/7dc6d870-bf03-11e5-82eb-634b14d34f16.gif)

![team_android](https://cloud.githubusercontent.com/assets/5305874/12530753/dc968fd0-c223-11e5-98ed-a55771ce5333.gif)

## Develop

#### iOS

1. `$ npm install`

2. `$ npm run clean` react-native unsupport for .babelrc since 0.16, so you have to remove all .babelrc in your project(includes packages)

3. `$ npm start`

4. Open your Xcode, select a simulator, click the play button or `cmd + R`

#### Android

1. Same to [official doc](http://facebook.github.io/react-native/docs/android-setup.html#content)

2. `$ react-native run-android`

3. It's a bit complicated to those who are not familiar with Android development, like me

## Design

The design is made by Sketch, you can find the original design file in [Dropbox](https://www.dropbox.com/s/3hn1o5xgk7bzjpa/Allyoop.sketch?dl=0), it may help if someone wants to design new features.

## Run in device

#### iOS：

1. Check the [official doc](http://facebook.github.io/react-native/docs/running-on-device-ios.html#using-offline-bundle) first, the following steps are based on official doc

2. Comment `console` in `lib/middleware/logger.js`, because native environment doesn't support for `console.group`

3. Generate js bundle: **$ react-native bundle --entry-file index.ios.js --platform ios --bundle-output ./main.jsbundle**

4. Add js bundle into your project: open Xcode, select **Files** -> **Add Files to...** -> select the main.jsbundle file that just generated

5. In Xcode, select your device, then click the play button or `cmd + R`

#### Android:

I never tried

## To Be Continue

1. Fix UI in Android

2. Find a better way to organize css

3. Unit test

## License

MIT