Calo Tiket adalah proyek konser tiket yang sedang dalam pengembangan. Proyek ini ditujukan untuk membuat sebuah platform yang memungkinkan pengguna untuk membeli tiket konser secara online. Saat ini, proyek ini masih berbasis HTML, CSS, dan menggunakan framework Tailwind CSS.
Berikut adalah pembagian tugas untuk pengembangan proyek Calo Tiket:
- Navbar: Dicky
- Hero: Hendri
- Itemlist Event Terbaru: Juanda
- Itemlist Promo: Febrian
- Itemlist Highlight: Alfin
- Footer: Zidan
Berikut adalah langkah-langkah untuk memulai berkontribusi dalam pengembangan proyek Calo Tiket:
- Clone repository:
git clone https://github.com/muhzulzidan/calo-tiket.git
- Checkout ke branch tugas Anda:
git checkout -b <nama-branch> origin/<nama-branch>
Contoh:
git checkout -b zidan origin/zidan
- Install dependensi:
npm install
- Compile dan watch Tailwind CSS:
npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
- Mulai mengode di file index.html. Misalnya, untuk mengode pada bagian header:
<section id="header">
<!-- Kode HTML di sini -->
</section>
- Pertemuan mingguan berikutnya akan dilakukan melalui Virtual Communication Software (VCS) untuk sinkronisasi dan diskusi lanjutan.
Berikut adalah warna-warna yang digunakan dalam proyek Calo Tiket, dengan menggunakan kelas utilitas Tailwind CSS:
- Background : Stone 950 (#1F2937)
- Primary : Orange 600 (#FB923C)
- Secondary : Stone 700 (#44403c)
- white : Stone 50 (#F9FAFB)
Warna-warna ini dipilih untuk memberikan desain yang menarik secara visual dan keselarasan yang konsisten dalam proyek ini. Anda dapat merujuk pada nilai-nilai warna ini saat melakukan penyesuaian UI atau gaya.
<div class="bg-stone-950">
<!-- Konten Anda di sini -->
</div>
<button class="bg-orange-600 text-white">Beli Tiket</button>
<div class="text-stone-700">Keterangan tambahan</div>
<p class="text-stone-50">Teks ini akan terlihat di atas latar belakang gelap</p>
Pastikan Anda telah mengimpor dan mengkonfigurasi Tailwind CSS dengan benar dalam proyek Anda sebelum menggunakan kelas utilitas warna ini.
Dalam contoh di atas, Anda dapat melihat bagaimana kelas utilitas Tailwind CSS seperti bg-{warna}
dan text-{warna}
digunakan untuk mengaplikasikan warna yang sesuai pada elemen HTML. Anda dapat mengganti kodenya sesuai dengan kebutuhan proyek Anda dan menyesuaikan penggunaan kelas utilitas warna yang sesuai dengan warna-warna yang telah didefinisikan sebelumnya.
Jika Anda ingin berkontribusi dalam pengembangan proyek Calo Tiket, berikut langkah-langkah yang dapat Anda ikuti:
- Fork repository Calo Tiket ke akun GitHub Anda.
- Clone repository yang telah di-fork ke dalam komputer lokal Anda.
- Buat branch baru untuk fitur/tugas yang akan Anda kerjakan.
- Lakukan perubahan atau penambahan pada kode proyek.
- Commit perubahan dan push ke branch di repository GitHub Anda.
- Buat Pull Request (PR) untuk menggabungkan perubahan Anda ke repository utama Calo Tiket.
- Tunggu dan terlibat dalam diskusi terkait perubahan yang diajukan.
- Setelah PR Anda diterima, perubahan akan digabungkan ke repository utama.
Proyek Calo Tiket saat ini tidak memiliki lisensi yang ditentukan. Mohon untuk tidak mengambil, menggunakan, atau mendistribusikan proyek ini tanpa izin dari pemilik proyek.
Jika Anda memiliki pertanyaan, saran, atau masukan terkait proyek Calo Tiket, silakan hubungi kami melalui email di [[email protected]]. Terima kasih atas minat dan partisipasi Anda!