https://github.com/shandyka-pw/youtube-replica-ui
Youtube Replica UI with Tailwind CSS
https://github.com/shandyka-pw/youtube-replica-ui
css-framework framework html-css replica tailwindcss template ui-design youtube
Last synced: 23 days ago
JSON representation
Youtube Replica UI with Tailwind CSS
- Host: GitHub
- URL: https://github.com/shandyka-pw/youtube-replica-ui
- Owner: Shandyka-PW
- License: mit
- Created: 2025-04-28T16:04:17.000Z (26 days ago)
- Default Branch: main
- Last Pushed: 2025-04-28T16:35:40.000Z (26 days ago)
- Last Synced: 2025-05-01T08:15:11.214Z (23 days ago)
- Topics: css-framework, framework, html-css, replica, tailwindcss, template, ui-design, youtube
- Language: HTML
- Homepage:
- Size: 14.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# YouTube Replica UI with Tailwind CSS
## Deskripsi
**YouTube Replica UI** adalah proyek antarmuka pengguna yang dirancang untuk meniru tampilan dan nuansa platform YouTube, dibangun dengan menggunakan [Tailwind CSS](https://tailwindcss.com/) melalui CDN. Proyek ini bertujuan untuk memberikan pengembang dan desainer contoh nyata tentang bagaimana membangun UI yang responsif dan modern dengan Tailwind CSS.
## Fitur Utama
- **Desain Responsif**: Antarmuka yang dioptimalkan untuk berbagai perangkat, termasuk desktop, tablet, dan ponsel.
- **Empat Halaman HTML**: Terdapat empat halaman yang mencakup:
- `index.html`: Halaman utama yang menampilkan video dan konten.
- `short.html`: Halaman untuk video pendek.
- `subscription.html`: Halaman untuk langganan pengguna.
- `history.html`: Halaman untuk riwayat tontonan pengguna.
- **Kustomisasi Mudah**: Memanfaatkan utilitas Tailwind CSS untuk penyesuaian gaya yang cepat dan efisien.
- **Dokumentasi yang Jelas**: Panduan penggunaan dan kontribusi yang mudah dipahami.
## Prerequisites
Sebelum memulai, pastikan Anda memiliki perangkat lunak berikut terinstal:
- Tidak ada perangkat lunak khusus yang diperlukan, cukup browser modern untuk melihat halaman HTML.
## Instalasi
Ikuti langkah-langkah di bawah ini untuk menginstal dan menjalankan proyek ini di mesin lokal Anda:
1. **Clone Repository**:
```bash
git clone https://github.com/username/youtube-replica-ui.git
```
2. **Masuk ke Direktori Proyek**:
```bash
cd youtube-replica-ui
```
3. **Buka Halaman HTML**: Anda dapat membuka salah satu dari empat file HTML di browser Anda:
- `index.html`
- `short.html`
- `subscription.html`
- `history.html`
## Struktur Proyek
```
youtube-replica-ui/
├── index.html
├── short.html
├── subscription.html
└── history.html
```
## Kontribusi
Kami menyambut baik kontribusi dari komunitas! Jika Anda ingin berkontribusi, silakan ikuti langkah-langkah berikut:
1. **Fork Repository**: Klik tombol "Fork" di sudut kanan atas halaman ini.
2. **Buat Cabang Baru**:
```bash
git checkout -b feature/NamaFitur
```
3. **Lakukan Perubahan**: Buat perubahan yang diinginkan dan simpan.
4. **Commit Perubahan**:
```bash
git commit -m 'Menambahkan fitur baru'
```
5. **Push ke Cabang Anda**:
```bash
git push origin feature/NamaFitur
```
6. **Buat Pull Request**: Kunjungi halaman repository dan klik "New Pull Request".
## Lisensi
Proyek ini dilisensikan di bawah [MIT License](LICENSE).
## Kontak
Untuk pertanyaan, saran, atau umpan balik, silakan hubungi saya di [[email protected]].
Terima kasih telah mengunjungi repository ini! Saya berharap Anda menemukan proyek ini bermanfaat dan inspiratif.
```