Skip to main content

Aliz Wiki

Repository

Overview​

Aliz Wiki is a React SPA that provides a wiki-style browsing experience over a Google Shared Drive. It combines a collapsible sidebar folder tree with an in-app Google Docs viewer, adding features that Google Drive lacks: automatic README rendering, document tagging, and full-text search.

The underlying open-source project is gdocwiki, originally created by PingCAP.

Tech Stack​

  • React 17, TypeScript, Vite
  • Redux Toolkit + react-redux
  • IBM Carbon Design System
  • Google Identity Services (FedCM sign-in)
  • Google Drive API v3 + Google Docs API
  • React Router v5, SCSS Modules, ahooks, Formik
  • Deployment: Google App Engine
  • Companion: Chrome extension + Firebase-hosted api-portal

Architecture​

The SPA calls the Drive and Docs APIs directly from the browser. The api-portal Firebase service acts as an intermediary for the Chrome extension's tag write-back operations.

React SPA (Google App Engine)
  → Google Identity Services (FedCM sign-in)
  → Google Drive API v3  (folder tree, file metadata)
  → Google Docs API      (document content)

Chrome Extension
  → api-portal (Firebase Hosting)
    → Google Drive API  (tag write-back)

Key Features​

  • Collapsible sidebar folder tree mirroring the Shared Drive structure
  • In-app document viewer (no new tab needed)
  • Automatic README rendering as the folder landing page
  • Document tagging with browse and filter by tag
  • Full-text and tag-based search
  • Companion Chrome extension for tagging from inside Google Docs

Getting Started​

Clone the repository and follow the README for setup instructions. You will need a Google Cloud OAuth 2.0 Client ID with the Drive and Docs APIs enabled.