https://github.com/leoaj/react-facebook-friends
:thumbsup:Web app to rank, quantify your FaceBook friendship with React
https://github.com/leoaj/react-facebook-friends
ava babel es6 eslint flexbox flow karma react reactjs webpack
Last synced: about 1 month ago
JSON representation
:thumbsup:Web app to rank, quantify your FaceBook friendship with React
- Host: GitHub
- URL: https://github.com/leoaj/react-facebook-friends
- Owner: LeoAJ
- License: mit
- Created: 2015-11-21T00:14:47.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2020-09-24T04:02:35.000Z (over 4 years ago)
- Last Synced: 2025-03-18T20:39:53.568Z (about 1 month ago)
- Topics: ava, babel, es6, eslint, flexbox, flow, karma, react, reactjs, webpack
- Language: JavaScript
- Homepage: http://leoj.js.org/react-facebook-friends/
- Size: 3.51 MB
- Stars: 26
- Watchers: 5
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-facebook-friends
[](https://travis-ci.org/LeoAJ/react-facebook-friends)
[](https://github.com/LeoAJ/react-facebook-friends/blob/master/LICENSE)
web app to rank, quantify your FaceBook friendship based on human behavior with React
# Live Demo
http://leoj.js.org/react-facebook-friends/
## Detail
To know more detail, please read my [post](http://leoj.js.org/personal/React-iTunes-Search/).
## Installation
1. `git clone [email protected]:LeoAJ/react-facebook-friends.git`
2. `cd react-facebook-friends`
3. `yarn`
## Dev
Register a Facebook App first [here](https://developers.facebook.com/docs/apps/register), and replace your app ID [here](https://github.com/LeoAJ/react-facebook-friends/blob/master/config/index.js#L2).
For this app, you will need to require `email`, `public_profile`, `user_friends` and `user_posts` those permission from Facebook in order to run the app.
Then do,
```
yarn start
```
and go to `localhost:3000`
## Deploy
```
yarn deploy
```
## Lint
run eslint, using [eslint-config-airbnb](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb) rules.
```
yarn lint
```
## Test
run `Jest`
```
npm test
```
## Built with
* React
* Babel 6
* ES6
* ES7 (async/await)
* [react-transform-boilerplate](https://github.com/gaearon/react-transform-boilerplate)
* Flexbox
* Webpack
* Flow
* Eslint
* Jest
* Facebook API
## Contribution
Issue, idea, PR are welcomed.
## License
MIT