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 🙏