ravi-arnan

Arcadehub Id — Development skill for Claude Code

Development community

Tracker poin Google Cloud Arcade Fasilitator 2026. Hitung poin otomatis dari profil Cloud Skills Boost.

How to install Arcadehub Id

This entry records only its repository, not the path inside it, so there is no exact command to give. Open ravi-arnan/arcadehub-id and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Arcadehub Id does

Tracker poin Google Cloud Arcade Fasilitator 2026. Hitung poin otomatis dari profil Cloud Skills Boost. React + Vite. Live: arcadehub-id.vercel.app

Alternatives in Development

Claude SEO — Multi-Platform Agent Instructions — For Cursor, Cursor Cloud Agents, Google Antigravity, and Gemini CLI 5k ★
React Native Movie App — Get hands-on with React Native and Expo in this crash course 787 ★
React Native Restate — Build a full-stack Real Estate app from scratch with Google Authentication, dynamic routing, and more 678 ★

README

Arcade Hub 🕹️

Tracker poin **Google Cloud Arcade** untuk komunitas fasilitator. Tempel link public profile Cloud Skills Boost, dan poin, milestone, tier hadiah, serta leaderboard dihitung **otomatis** dari badge-mu. Gratis & open source.

**Live:** https://arcadehub-id.vercel.app

Tool komunitas, tidak berafiliasi resmi dengan Google. Perhitungan poin bersifat best-effort dari badge yang ada di profil publik.

Fitur

Poin Saya, hitung poin otomatis dari profil (base Arcade + bonus milestone), rincian per-badge, tier hadiah, chart aktivitas 7 hari, kategori badge.
Leaderboard, terbuka & multi-guild, ranking real-time, sinkron otomatis harian.
Katalog, 93 skill badge (51 dari silabus resmi + tambahan) dan 6 game bulan berjalan, tandai selesai/belum, plus arsip game bulan-bulan sebelumnya.
Hadiah, tier Arcade Player 2026 (Trooper / Ranger / Champion / Legend).
Info, kode referral, jadwal, panduan, FAQ, pengumuman yang sedang berjalan.
Kontribusi, profil kontributor + cara ikut.
Installable (PWA), share card progress, kotak masukan, animasi Framer Motion, aksesibilitas Radix (Lighthouse a11y 100).

Stack

Vite + React · React Router v6 · Framer Motion · Radix UI · Vercel Serverless Functions · Neon Postgres · Vercel Cron.

Mulai

npm install
npm run dev     # dev server
npm run build   # build produksi
npm test        # 140 unit test (poin, parser profil, katalog, proyeksi)
npm run check:arcade   # bandingkan katalog dengan halaman Arcade resmi

Frontend jalan tanpa backend. Fitur **Leaderboard** & **feedback** butuh env. Salin `.env.example` ke `.env` dan isi (atau `vercel env pull` kalau punya akses project). Lihat daftar env di [`.env.example`](.env.example).

Struktur

src/
  App.jsx         definisi rute (react-router, tiap halaman lazy-load)
  routes.jsx      metadata nav (path + label + ikon)
  pages/          satu file per halaman: Points, Leaderboard, Catalog, Prizes, Info, Contribu