jacobjzhang / react-google-analytics-dashboard

Custom Google Analytics Dashboard based on Google Analytics Reporting API v4 with OAuth2.

Custom Google Analytics Dashboard

Custom Google Analytics Dashboard based on Google Analytics Reporting API v4 with OAuth2, charts and tables.

Technologies used

• React.js
• Google Analytics API
• React Charts
• Styled Components

Run the app locally

1. Clone this repo
2. Create project in Google Developers Console
3. Enable Google Analytics Reporting API.
4. Configure Google OAuth consent screen.
5. Add your CLIENT_ID into .env file: REACT_APP_CLIENT_ID='YOUR_CLIENT_ID'
6. Run npm install
7. Run npm start

This project was bootstrapped with Create React App.

The blog post How to develop a custom Google Analytics Dashboard using Google Analytics Reporting API v4 and React.js (VERSION 2020).