Web Kelas adalah platform yang bertujuan untuk menyediakan informasi tentang kelas kami.
Teknologi yang digunakan diantaranya:
- React JS: Membangun antarmuka pengguna yang responsif dan interaktif.
- MUI: MUI (Material-UI) digunakan untuk mendesain antarmuka dengan komponen Material Design yang indah.
- Tailwind CSS: Memastikan tampilan dan gaya yang modern dan fleksibel.
- Slick JS: Untuk tampilan galeri yang halus dan menarik.
- Firebase: Menyediakan backend yang aman dan efisien untuk pengelolaan data.
- AOS: Animasi yang menarik untuk meningkatkan tampilan dan nuansa situs.
Apa yang dapat Anda temukan di web ini:
- Text Anonim: Bagian ini memungkinkan pengguna untuk berinteraksi dengan informasi kelas tanpa harus mengungkapkan identitas mereka.
- Gallery: Menampilkan gambar-gambar menarik yang terkait dengan kelas kami.
- Structure And Schedule: Memberikan informasi rinci tentang struktur kelas dan jadwal yang tersedia.
Project ini di buat oleh :
- Eki
- Dafy
Kunjungi situs web kami di https://xitkj3.vercel.app/ untuk mendapatkan informasi lebih lanjut. Kami sangat menghargai apabila Anda ingin menggunakan proyek ini, harap sertakan kredit kami dalam penggunaan Anda. Terima kasih! 🙏
Note: ini merupakan cara saya, jika ada yang lebih mudah dan efisien silahkan
-Install NodeJS terlebih dahulu
1.Lakukan git clone 
2.Buka foldernya di vscode, buka terminal lakukan npm install --legacy-peer-deps
3.Jangan lupa ganti config firebase project ini, dengan config firebase anda. berikut cara membuat database di firebase
-langkah pertama silahkan login
-buka konsol, add project +
-tambahkan storage dan firestore database
-Ubah rules firestore database jadi sebagai berikut :
-Ubah rules storage jadi sebagai berikut :
-Pada storage tambahkan folder GambarAman, nah disitu bisa upload file gambar anda
-Setelah itu pilih project settings
-Scroll sedikit kebawah tekan tombol </>
-Setelah selesai copy confignya
-Ganti disini,file firebase.js
-buka lagi terminalnya ketik npm run dev
-Tambahkan collection di firestore database seperti berikut
-Add field seperti berikut
-Untuk Mendapatkan ip target, pergi ke collection chat disitu terdapat ip user setiap mengirim pesan
sekian, kurang lebihnya mohon maaf 🙏