Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/totorototo/strava
"Lybitos-Strava" is a React Native application consuming Strava RESTFul web services.
https://github.com/totorototo/strava
d3-visualization d3js eslint firebase firebase-database jest prettier react-devtools react-native react-navigation redux redux-saga reloaddux remote-redux-devtools strava strava-api travis-ci
Last synced: 2 months ago
JSON representation
"Lybitos-Strava" is a React Native application consuming Strava RESTFul web services.
- Host: GitHub
- URL: https://github.com/totorototo/strava
- Owner: totorototo
- License: mit
- Created: 2017-01-21T09:36:23.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-22T16:16:21.000Z (over 6 years ago)
- Last Synced: 2024-08-09T13:16:16.157Z (6 months ago)
- Topics: d3-visualization, d3js, eslint, firebase, firebase-database, jest, prettier, react-devtools, react-native, react-navigation, redux, redux-saga, reloaddux, remote-redux-devtools, strava, strava-api, travis-ci
- Language: JavaScript
- Homepage:
- Size: 2.22 MB
- Stars: 32
- Watchers: 7
- Forks: 5
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Lybitos - Strava
Lybitos is a React Native application consuming Strava RESTFul web service.
Application features:
* Compute athlete performance level
* Select athlete races (get details, path, checkpoints, live track, ...)
* Get athlete details
* Select athlete clubs (get details, parse club activities, get rankings, ...)# Continuous Integration
Android:[![Build Status](https://travis-ci.org/totorototo/strava.svg?branch=master)](https://travis-ci.org/totorototo/strava)
# Style
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
# Requirements
* node `^6.9.1`
* npm `^3.10.8`# Getting Started
After confirming that your development environment meets the specified [requirements](#requirements), you can follow these steps to get the project up and running:
```bash
git clone https://github.com/totorototo/strava.git
cd strava
yarn install # Install project dependencies
```# Strava Application Configuration
* go to http://labs.strava.com/developers/
* create an application
* set application settings
* go to https://www.strava.com/settings/api
* retrieve application ID and secret
* create a new .env file at the root of this project
* paste the following code inside your .env file and make sure to replace [XXX] and [YYY] with your info.```bash
CLIENT_ID=[XXX]
CLIENT_SECRET =[YYY]
```* in order to make authentication flow to work, you will have to add the follwoing properties to .env file.
Those will be used in Login component to set callback url used during authentication.```bash
URL_SHEME_PREFIX=[yourApplicationName]
URL_SHEME_HOST=localhost
```# Google MAP API Configuration
* go to https://developers.google.com/maps/documentation/javascript/get-api-key?hl=Fr
* to get a key, follow the instruction
* edit .env file
* paste the following code inside your .env file and make sure to replace [ZZZ] with your info.```bash
GOOGLE_MAPS_API_KEY=[ZZZ]
```# Google Firebase Configuration
* go to https://firebase.google.com
* click “Go to Console” in the top right
* create a new project
* Click the “Add firebase to your web app” link on the home screen and note the config object, we will need this later for the front end setup
* edit .env file
* paste the following code inside your .env file and make sure to replace [AAA], [BBB], [CCC], [DDD], [EEE], [FFF] with your info.```bash
FIREBASE_APIKEY=[AAA]
FIREBASE_AUTHDOMAIN=[BBB]
FIREBASE_DATABASEURL=https=[CCC]
FIREBASE_PROJECTID=[DDD]
FIREBASE_STORAGEBUCKET=[EEE]
FIREBASE_MESSAGINGSENDERID=[FFF]
```# Ignition
```bash
react-native start # Compile and launch packager
react-native run-ios # Start ios application
or
react-native run-android # Start android application
```# Debug
If you need to remotely debug this application, just follow this step:
```bash
yarn run remotedev # launch remote redux devtools
```If you need to debug the React application, just fol:
```bash
yarn run devtools # launch react-devtools
```# References
* Strava API: https://strava.github.io/api/
* Strava Labs: http://labs.strava.com/
* Strava API Google group: https://groups.google.com/forum/#!forum/strava-api