ProgramingLive

Open source sebagai jalur pembelajaran

Beralih dari pembelajaran terstruktur ke lingkungan pengembangan nyata

Pelajar berkembang secara bertahap menuju kontribusi dokumentasi, perbaikan bug, pengembangan fitur, dan proyek komunitas. Setiap proyek menguraikan tujuan, panduan instalasi, tingkat kesulitan, ekspektasi kontribusi, pemelihara, dan status operasional secara transparan.

Tingkat Kesulitan
PemulaDipelihara

ProgramingLive Portal & Dokumentasi

Platform terbuka dan materi dokumentasi pendidikan teknologi serta program sosial komunitas.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/programinglive.git && cd programinglive && npm install && npm test
Teknologi yang digunakan
Next.js · Markdown · TypeScript
Tugas ramah pemula
Peninjauan dokumentasi, pengecekan tautan rusak, perbaikan kalimat (copywriting), dan pengujian aksesibilitas HTML semantik.
Pengelola aktif
ProgramingLive
PemulaDipelihara

Belajar PHP

Mini proyek dan latihan praktis untuk pelajar yang membangun fondasi pemrograman PHP dan pengembangan web.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/belajar.git && cd belajar
Teknologi yang digunakan
PHP · Fondasi Web
Tugas ramah pemula
Peningkatan keterbacaan kode, penambahan latihan pemula, dan dokumentasi komentar kode yang ramah pemula.
Pengelola aktif
ProgramingLive
MenengahDipelihara

Commiter

Menstandarkan Conventional Commits, penomoran versi semantik, dan otomatisasi rilis kode.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/commiter.git && cd commiter && npm install && npm test
Teknologi yang digunakan
Node.js · npm · GitHub Actions
Tugas ramah pemula
Dokumentasi, contoh penggunaan di berbagai framework, dan validasi lintas platform Windows/Linux.
Pengelola aktif
ProgramingLive
MenengahDipelihara

Zettly Editor

Komponen WYSIWYG editor kaya fitur dan todo berbasis Shadcn UI yang dirancang untuk integrasi di berbagai aplikasi web.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/zettly-editor.git && cd zettly-editor && npm install && npm test
Teknologi yang digunakan
React · TypeScript · Tailwind CSS · Shadcn UI
Tugas ramah pemula
Ekstensi plugin, peningkatan interaksi sentuh di ponsel, dan pengujian aksesibilitas editor headless.
Pengelola aktif
ProgramingLive
MenengahDipelihara

Windows Gaming & Dev Toolkit

Toolkit skrip PowerShell untuk optimasi, diagnosa, dan pemulihan sistem Windows yang aman dan dapat dibatalkan.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/windows-gaming-dev-toolkit.git && cd windows-gaming-dev-toolkit
Teknologi yang digunakan
PowerShell · Windows API
Tugas ramah pemula
Wrapper keamanan PowerShell, pembuatan laporan diagnosa, dan pengujian registry tweak yang dapat di-rollback.
Pengelola aktif
ProgramingLive
LanjutanDipelihara

Zettly

Aplikasi produktivitas dan manajemen pengetahuan yang memadukan catatan Zettelkasten dan matriks prioritas Eisenhower.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/zettly.git && cd zettly && npm install && npm run build
Teknologi yang digunakan
React · TypeScript · Vite · Tailwind CSS
Tugas ramah pemula
Alur kerja drag-and-drop matriks, optimasi tautan dua arah, dan sinkronisasi luring (offline).
Pengelola aktif
ProgramingLive
LanjutanDipelihara

HRIS Community

Sistem Informasi Sumber Daya Manusia (HRIS) Open Source lengkap untuk kebutuhan operasional perusahaan dan organisasi.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/hris.git && cd hris && composer install && npm install
Teknologi yang digunakan
PHP · Laravel · MySQL · Tailwind CSS
Tugas ramah pemula
Validasi modul presensi karyawan, penambahan cakupan tes payroll, dan pengujian perizinan multi-cabang.
Pengelola aktif
ProgramingLive
LanjutanDipelihara

DB Pinball

Workspace manajemen database desktop modern bergaya TablePlus dengan integrasi orkestrasi backup dan restore Laravel.

Situs Web ↗Repositori ↗Panduan Kontribusi ↗

Panduan Penyiapan Lokal Teruji

git clone https://github.com/programinglive/dbpinball.git && cd dbpinball && npm install
Teknologi yang digunakan
Tauri · Rust · React · TypeScript · PHP
Tugas ramah pemula
Peningkatan performa query runner, koneksi driver (Postgres/MySQL/SQLite), dan adapter hook Laravel.
Pengelola aktif
ProgramingLive

Indeks Jalur Belajar ke Repositori

Menghubungkan tingkat kemampuan dengan tugas kontribusi nyata

Mencocokkan tahap belajar Anda saat ini dengan proyek dan tugas terarah yang sesuai, sehingga Anda tidak kewalahan menghadapi kode proyek yang terlalu rumit.

Level 0–2: Fondasi Digital & Web Dasar

ProgramingLive Portal & Dokumentasi

Buka repo ↗

Rekomendasi tugas: Peninjauan dokumentasi, pengecekan tautan, perbaikan ketik (typo), dan pengujian aksesibilitas HTML semantik.

Level 3: Membangun Proyek

Commiter

Buka repo ↗

Rekomendasi tugas: Contoh penggunaan CLI di berbagai proyek, panduan Conventional Commits, dan pengujian lintas platform Windows/Linux.

Level 4: Kontribusi Open Source & Review

HRIS Community

Buka repo ↗

Rekomendasi tugas: Validasi modul presensi karyawan, penambahan cakupan tes payroll, dan pengujian perizinan multi-cabang.

Level 5: Arsitektur Workspace & Database

DB Pinball

Buka repo ↗

Rekomendasi tugas: Peningkatan performa query runner, koneksi driver database (Postgres/MySQL/SQLite), dan integrasi adapter Laravel.