Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/learnetto/reactfit
A fitness dashboard app built using Rails 5.1 and React.js
https://github.com/learnetto/reactfit
fitbit rails rails5 rails5-1 react reactjs
Last synced: 18 days ago
JSON representation
A fitness dashboard app built using Rails 5.1 and React.js
- Host: GitHub
- URL: https://github.com/learnetto/reactfit
- Owner: learnetto
- Created: 2017-08-09T20:22:21.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-08-09T20:23:24.000Z (over 7 years ago)
- Last Synced: 2024-11-20T14:50:36.910Z (about 1 month ago)
- Topics: fitbit, rails, rails5, rails5-1, react, reactjs
- Language: Ruby
- Homepage: https://learnetto.com/users/hrishio/courses/the-complete-react-on-rails-5-course
- Size: 77.1 KB
- Stars: 18
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- Open-Source-Ruby-and-Rails-Apps - reactfit - A fitness dashboard app built using Rails 5.1 and React.js 👴 ✅ (Happy Exploring 🤘)
README
# React Fit
A fitness dashboard app showing stats based on your Fitbit data.
Learn [how to build this fitness dashboard app using Rails 5.1 and React](https://learnetto.com/users/hrishio/courses/the-complete-react-on-rails-5-course) with a step-by-step hands-on tutorial on [Learnetto](https://learnetto.com).
To use the app, you'll need a [Fitbit](https://fitbit.com) account.
Sign up and then go to the [Fitbit Developers website](https://dev.fitbit.com) and create a new app.
Get the Client ID from your app settings and set it in `Dashboard.jsx`:
```
const CLIENT_ID = 'YOUR_CLIENT_ID'
```Run the app by starting the Rails server and Webpack dev server
```
$ rails s -p 8000$ ./bin/webpack-dev-server
```