okhp3-google-gis-client-auth

Community

Securely integrate Google OAuth for React SPAs with no backend.

AuthorOKHP3
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Simplifies OAuth integration for React SPAs without the need for a backend server or session management, enabling secure Google Sign-In for calendar and tasks access.

Core Features & Use Cases

  • Client-only OAuth: Eliminates backend dependency by using Google Identity Services for token handling.
  • Google APIs: Integrates with Google Calendar and Tasks APIs for read-only access.
  • Silent Re-auth: Handles token expiry and silent re-authentication for seamless user experience.
  • Use Case: Suitable for static site deployment with GitHub Pages, Netlify, etc., where secure login for calendar or task management is required.

Quick Start

Deploy your React app, include the Google Identity Services script in index.html, define scopes, and use the useGoogleAuth hook to integrate with Google APIs.

Dependency Matrix

Required Modules

google.accounts.oauth2

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: okhp3-google-gis-client-auth
Download link: https://github.com/OKHP3/skillz/archive/main.zip#okhp3-google-gis-client-auth

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.