diff --git a/README.md b/README.md index 9f4d202..4ef9c8c 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,7 @@ # Fitbit Wellness Report Web UI -![screenshot](https://github.com/arpanghosh8453/fitbit-web-ui-app/blob/main/help/wellness_report.jpg) +[Live Demo website](https://fitbit-api-web-ui.onrender.com/) + +[How to get ACCESS TOKEN](https://github.com/arpanghosh8453/fitbit-web-ui-app/blob/main/help/GET_ACCESS_TOKEN.md) + +![screenshot](https://github.com/arpanghosh8453/fitbit-web-ui-app/blob/main/help/Fitbit_Wellness_Report_Final.jpg) diff --git a/help/Fitbit_Wellness_Report_Final.jpg b/help/Fitbit_Wellness_Report_Final.jpg new file mode 100644 index 0000000..e8a14b6 Binary files /dev/null and b/help/Fitbit_Wellness_Report_Final.jpg differ diff --git a/help/GET_ACCESS_TOKEN.md b/help/GET_ACCESS_TOKEN.md new file mode 100644 index 0000000..f61dae2 --- /dev/null +++ b/help/GET_ACCESS_TOKEN.md @@ -0,0 +1,77 @@ +# **How to get Fitbit API Access Token** + + + +## 1. Method one : Official way + + + + +1. Visit [this page](https://dev.fitbit.com/build/reference/web-api/developer-guide/getting-started/) and follow tutorial to create your own application + +2. Open [this page](https://dev.fitbit.com/build/reference/web-api/troubleshooting-guide/oauth2-tutorial/?clientEncodedId=23R3K5&redirectUri=https://localhost:8000/&applicationType=PERSONAL) and continue the process + +3. After you authorize your own application, you will get a ACCESS TOKEN and REFRESH TOKEN after following the whole process + + + + +## Method two : Quick way + + + + +1. Open a tab in the browser and visit [https://dev.fitbit.com/login](https://dev.fitbit.com/login) + +2. Login if you are not logged in the current browser session + +3. Open [this page](https://dev.fitbit.com/build/reference/web-api/explore/) and click on the green Authorize button, select all and hit “Authorize” button below the dialog box, then hit close + +![](https://lh5.googleusercontent.com/AZgvAQXZIV7K7kOwZOU0GqujkVoIaDjSy7OwtiK_DCeSciPQUF7scf9lZpJhKx1CKz0E9CHCKfYD-wtjU24EVUtFQIpUj6ZpZMSogBtPu_cDde015aDkUilrnx05cTRbT9yBPuq6N_6iCmUBHOekamI) + +4. Scroll down to the Devices section. + +![](https://lh3.googleusercontent.com/Y3Ihrbx9NHsZx91sUyWgUlHror1oa4dZ_HNMfoRgPiENCpmYMH81YtFi_45hnPmIuRKd3kejpitFSS7Svv8EtYHxCi-sdWDfzJ-YJzcPicrj9Z73arTJWZZygV71m5EiAFE6N9h9Y7xpnM6Snn0uty8) + + + + + + + +5. Click on “Try it out” and then click on “Execute” button + + + +![](https://lh4.googleusercontent.com/YfW62QtSBaSSQvT1U_nKMtUQ8oCFweJvsgcW6J4CTN_oCMn0l8-Ye27LgNaMkale_tOWz5kW4agjCzAB64eoIJ_a1Z78_xztf9wDReRw_WEmq_5S5KZGdln8WuEnZcxEYNWW682r6IxfVAMGO8VwYYI) + + + + + + + + + + + +6. You will see the API key in the curl command section. **Carefully copy only the part after the first line ( ending in Bearer )** + + + + +The “*curl -X GET "https://api.fitbit.com/1/user/-/devices.json" -H "accept: application/json" -H "authorization: Bearer*” **line is NOT a part of your API key.** + + + +Also, avoid the quotation mark (“) at the end of the API key when you copy + + + +I have blurred the API key part here in the above image. + +It looks like a long continuous alphanumeric blob of characters without any space or meaningful word. Just copy the API key part. + + + +**REMEMBER : Each API key has an hourly call limit and expires forever after 8 hours. One key will not work forever. If you use the same key in quick succession, you may hit the hourly rate limit.**