Dashboard pelacak achievement GitHub dibangun dengan HTML, CSS, dan JavaScript murni, lengkap dengan pencarian statistik profil GitHub secara live.
AchievementForge adalah dashboard open source untuk melacak achievement GitHub, dibangun dengan HTML5, CSS3, dan Vanilla JavaScript — tanpa framework, tanpa dependency, tanpa build step.
Repo ini juga menjadi tempat latihan workflow Git & GitHub yang sesungguhnya: fork, branch, commit, dan pull request nyata dengan perubahan kode yang genuinely berguna.
- Achievement Showcase — 11 achievement GitHub dengan strategi resmi untuk meraihnya
- GitHub Live Lookup — cari username GitHub apa pun dan tarik data publik langsung dari GitHub REST API (repo, followers, following, total star)
- Dark / Light Mode — transisi tema halus dengan persistensi
localStorage - Animasi Partikel Canvas — animasi hero interaktif
- Fully Responsive — mobile, tablet, dan desktop
- Zero Dependencies — tidak butuh build tool
- Filter Achievement — earned / in progress / available / legacy
- Timeline & Roadmap — riwayat dan rencana pengembangan
- Modul Belajar DOM — halaman interaktif belajar DOM manipulation, terintegrasi ke navigasi utama
Try-git/
├── indeks.html # Dashboard utama (self-contained)
├── Pelajaran_manipulasi_dom_js.html # Modul belajar DOM manipulation
├── README.md # File ini
├── CONTRIBUTING.md # Panduan kontribusi
├── CHANGELOG.md # Riwayat versi
├── KEAMANAN.md # Kebijakan keamanan
├── LISENSI # Lisensi MIT
├── PLAN.md # Catatan rencana pengembangan
└── .github/
├── workflows/deploy.yml # Auto-deploy ke GitHub Pages
├── ISSUE_TEMPLATE/
│ └── bug_report.md
└── PULL_REQUEST_TEMPLATE.md
Cukup browser modern — tidak perlu Node.js, npm, atau build tool.
git clone https://github.com/Jouqio/Try-git.git
cd Try-git
open indeks.html
# atau jalankan local server:
python3 -m http.server 8080# 1. Fork repo ini, lalu clone hasil fork kamu
git clone https://github.com/USERNAME_KAMU/Try-git.git
cd Try-git
# 2. Buat branch baru
git checkout -b feat/nama-fitur-kamu
# 3. Lakukan perubahan nyata di indeks.html / Pelajaran_manipulasi_dom_js.html
# 4. Commit pakai Conventional Commits
git commit -m "feat: tambah fitur X"
# 5. Push dan buka Pull Request
git push origin feat/nama-fitur-kamuLihat CONTRIBUTING.md untuk panduan lengkap.
- Buka Settings → Pages
- Source: Deploy from a branch →
main/(root) - Situs otomatis live di
https://jouqio.github.io/Try-git/indeks.html
Workflow otomatis di .github/workflows/deploy.yml sudah disediakan untuk deploy via GitHub Actions.
| Fase | Judul | Status |
|---|---|---|
| 01 | Foundation — struktur repo & dokumentasi | ✅ Selesai |
| 02 | Dashboard — UI, dark mode, responsive | ✅ Selesai |
| 02.5 | GitHub Live Lookup — integrasi REST API | ✅ Selesai |
| 03 | Community — Discussions, kontributor | 🔄 Berjalan |
| 04 | Analytics — data live lanjutan | 📅 Rencana |
| 05 | Explorer — strategy hub, quiz | 📅 Rencana |
Didistribusikan di bawah Lisensi MIT. Lihat LISENSI untuk detail.
Dibuat untuk latihan Git & pengembangan web oleh Jouqio