Skip to main content

We use cookies for analytics. Privacy

Back to Work
Developer Tools & AI InfrastructureCase study

VibeGotchi

GitHub-powered virtual pet for developer activity

Project Focus
AngularTypeScriptCloudflare PagesGitHub OAuthGitHub ActionsTailwind CSS
View live project
VibeGotchi live homepage showing GitHub-powered virtual pet product interface

Live Cloudflare Pages capture of the VibeGotchi product surface.

Open source
Visibility
Live
Demo
Angular + TypeScript
Stack
Read-only GitHub
Permissions
01

Challenge

Most developer activity demos stop at charts. The goal was to make GitHub activity instantly legible, memorable, and safe to try without asking for broad repository permissions.

02

Solution

Built a polished Angular and TypeScript application with public lookup, read-only GitHub OAuth, Cloudflare Pages Functions, demo profiles, achievement logic, technology badge mapping, and a downloadable share-card workflow.

03

Results

  • Live production app on Cloudflare Pages
  • Public open-source repository under PascalAI2024
  • Read-only GitHub OAuth using limited account permissions
  • Static GitHub Pages demo for fast public review
  • Documented screenshots, architecture, scoring, deployment, and security notes

System Architecture

Public Angular product backed by Cloudflare Pages Functions and read-only GitHub data.

frontend
backend
service
external
Public lookupOAuth exchangeRead-only tokenActivity dataProfile summary
Angular App
Public product UI
Pages Functions
OAuth callback
GitHub API
Public and read-only activity data
Pet Engine
XP, mood, achievements
Share Card
Downloadable profile artifact

Public Angular product backed by Cloudflare Pages Functions and read-only GitHub data.

Facing Similar Challenges?

Every business has unique needs, but the challenges often overlap. Let's talk about your specific situation and what's possible.

Free consultation
No obligation
24-hour response time