https://github.com/franzxml/website-kbm
Ini adalah repositori untuk Website Keluarga Besar Maheswara (KBM).
https://github.com/franzxml/website-kbm
kbm komunitas website
Last synced: 28 days ago
JSON representation
Ini adalah repositori untuk Website Keluarga Besar Maheswara (KBM).
- Host: GitHub
- URL: https://github.com/franzxml/website-kbm
- Owner: franzxml
- Created: 2026-05-02T13:40:55.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-05-15T16:01:45.000Z (about 2 months ago)
- Last Synced: 2026-05-15T18:55:28.066Z (about 2 months ago)
- Topics: kbm, komunitas, website
- Language: TypeScript
- Homepage: https://website-kbm.vercel.app
- Size: 59 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Deskripsi
Website KBM merupakan website profil Keluarga Besar Maheswara (KBM) berbasis *web* yang dirancang sebagai media informasi, dokumentasi, dan publikasi kegiatan komunitas. Website ini menampilkan halaman beranda, galeri, kritik dan saran, serta beberapa halaman tambahan seperti kutipan, playlist, gaming, dan pameran yang disiapkan untuk pengembangan berikutnya.
Website KBM bertujuan untuk menjadi pusat informasi digital yang rapi, mudah diakses, dan merepresentasikan identitas KBM secara modern melalui tampilan responsif, aset visual komunitas, dan struktur kode yang modular.
## Fitur
* Halaman beranda profil KBM
* Galeri dokumentasi dan karakter anggota
* Halaman kritik dan saran
* Navigasi responsif untuk desktop dan mobile
* Halaman *Coming Soon* untuk fitur yang belum dirilis
* Struktur komponen dan data yang modular
## Teknologi
* Next.js 16
* React 19
* TypeScript
* Tailwind CSS 4
* Lucide React
* ESLint
* Node.js & npm
## Struktur Folder
WEBSITE-KBM/
│── app/
│ ├── _components/
│ │ ├── common/
│ │ │ └── coming-soon-page.tsx
│ │ ├── home/
│ │ └── site/
│ ├── _data/
│ │ ├── founders.ts
│ │ └── galeri/
│ │ ├── characters.ts
│ │ └── gallery.ts
│ ├── galeri/
│ │ ├── gallery-section.tsx
│ │ ├── page.tsx
│ │ └── use-arcade-audio.ts
│ ├── gaming/
│ ├── kritik-kami/
│ ├── kutipan/
│ ├── pameran-aib/
│ ├── pameran-proyek/
│ ├── playlist/
│ ├── globals.css
│ ├── layout.tsx
│ └── page.tsx
│── public/
│ ├── backgrounds/
│ ├── beranda/
│ ├── brand/
│ ├── characters/
│ ├── footer/
│ ├── founders/
│ └── gallery/
│── .gitignore
│── eslint.config.mjs
│── next.config.ts
│── package.json
│── package-lock.json
│── postcss.config.mjs
│── README.md
└── tsconfig.json
## Cara Menjalankan
1. **Persiapan Lingkungan:** Pastikan komputer Anda sudah terinstal **Node.js** dan **npm**.
2. **Unduh Repositori:** Unduh atau *clone* repositori ini ke folder lokal Anda.
```bash
git clone git@github.com:franzxml/website-kbm.git
```
3. **Masuk ke Folder Proyek:**
```bash
cd website-kbm
```
4. **Instalasi Dependensi:** Jalankan perintah berikut untuk menginstal semua dependensi proyek.
```bash
npm install
```
5. **Jalankan Aplikasi:** Gunakan perintah berikut untuk menjalankan server lokal.
```bash
npm run dev
```
6. **Akses:** Buka *browser* dan kunjungi URL lokal berikut:
```bash
http://localhost:3000
```
## Script
* `npm run dev` untuk menjalankan server pengembangan.
* `npm run build` untuk membuat build production.
* `npm run start` untuk menjalankan hasil build production.
* `npm run lint` untuk memeriksa kualitas kode dengan ESLint.
## Domain
Website dapat diakses melalui:
[https://website-kbm.vercel.app](https://website-kbm.vercel.app)
---
Dikembangkan oleh:
* @franzxml
* @Blackpa77
* @syidmen