An open API service indexing awesome lists of open source software.

https://github.com/arxcode40/arxlink

Bio link using Bootstrap 5 + jQuery
https://github.com/arxcode40/arxlink

biolink linktree linktree-alternative

Last synced: 3 months ago
JSON representation

Bio link using Bootstrap 5 + jQuery

Awesome Lists containing this project

README

          

# ArX Link

**ArX Link** adalah halaman profil minimalis untuk membagikan semua tautan penting Anda dalam satu tempat.
Dibangun dengan **Bootstrap 5.3**, **Bootstrap Icons**, **AOS (Animate On Scroll)**, dan **Alpine.js**, situs ini responsif, SEO-friendly, dan dioptimalkan untuk performa.

![Preview ArX Link](https://arxcode40.github.io/arxlink/assets/images/profile.jpg)

---

## ✨ Fitur Utama

- **Desain Minimalis & Responsif** — nyaman diakses di semua perangkat.
- **SEO Friendly** — meta tag, Open Graph, dan JSON-LD terintegrasi.
- **Performa Optimal** — memanfaatkan CDN, lazy loading, dan script `defer`.
- **Animasi Halus** — menggunakan AOS untuk efek masuk yang elegan.
- **Interaksi Ringan** — tombol bagikan (Web Share API) & salin tautan.
- **Aksesibilitas** — semantic HTML, alt teks, dan fokus ring.

---

## 🛠️ Teknologi yang Digunakan

- [Bootstrap 5.3](https://getbootstrap.com/)
- [Bootstrap Icons](https://icons.getbootstrap.com/)
- [AOS](https://michalsnik.github.io/aos/)
- [Alpine.js](https://alpinejs.dev/)

---

## 📂 Struktur Halaman

- **Foto Profil** — gambar bulat dengan border.
- **Nama & Deskripsi** — identitas singkat pemilik halaman.
- **Tombol Aksi** — Bagikan & Salin tautan.
- **Daftar Tautan** — portofolio, media sosial, email, dll.
- **Footer** — deskripsi singkat ArX Link + hak cipta.

---

## 🚀 Cara Menggunakan

1. **Clone repositori**
```bash
git clone https://github.com/username/arx-link.git
```
2. **Buka file** `index.html` di browser.
3. **Kustomisasi konten**:
- Ganti nama, deskripsi, dan foto profil.
- Edit daftar tautan di bagian ``.
- Perbarui meta tag & JSON-LD untuk SEO.
4. **Deploy** ke hosting pilihan (GitHub Pages, Netlify, Vercel, dll).

---

## 📌 Optimasi SEO

- Gunakan **meta description** yang relevan:
> ArX Link — halaman profil minimalis untuk membagikan semua tautan penting Anda. Cepat, responsif, SEO-ready, dan elegan di semua perangkat.
- Pastikan **Open Graph image** (`og:image`) sesuai ukuran rekomendasi (1200×630 px).
- Sertakan kata kunci seperti _link bio minimalis_, _halaman profil responsif_, _linktree alternatif_.

---

## 📄 Lisensi

Proyek ini dirilis di bawah lisensi [MIT](LICENSE).
Silakan gunakan, modifikasi, dan distribusikan dengan atribusi.

---

## 📬 Kontak

- Website: [https://arxcode40.github.io](https://arxcode40.github.io)
- Email: arxcode40@gmail.com
- Instagram: [@arxt2411](https://instagram.com/arxt2411)
- GitHub: [arxcode40](https://github.com/arxcode40)