Exploring Google Fit API with Google OAuth-2 Authentication with React Hooks in a fun Javascript side project.

Want to pick your react hook and API integration skills up a notch? The following project: Fit Me Up! is a boredom brainchild that utilizes the above-mentioned technologies at its core and I have elucidated on what all did I learn throughout the development of this project!

What is Fit Me Up and who can use it? 🤔

It’s a mini visualization dashboard which fetches your weekly google fit data and gives you a summary of the following points

• Move Minutes
• Heart Points
• Calories Burnt
• Distance Travelled

Here’s the online demo!

dashboard view for the application

To give a meaningful result, you must have a Google Fit app installed in your android app / you must allow your android watch to track your location details, only then these data points will actually be recorded and you will be accessing it in the Fit Me Up dashboard by logging into your google account.

What is the Tech Stack? 💻

• Google Fit and Google OAuth2 APIs
• CRA Template
• React Hooks
• Universal Cookies

Version 1 release details

Relevant Project Links 🔗

Don’t want to read all the good points and wanna jump straight to the project? No issues. Here are the relevant links you might find helpful:

Github Repository: https://github.com/uds5501/fitmeup-oauth-visualizer

Live Demo: http://fitmeup.netlify.com/

#javascript #api #react #google