/Web_Kelas_V2

Website Kelas 8J

Primary LanguageJavaScript

Web Kelas

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! 🙏

Tutorial Running Webnya

Note: ini merupakan cara saya, jika ada yang lebih mudah dan efisien silahkan

-Install NodeJS terlebih dahulu image

1.Lakukan git clone image

2.Buka foldernya di vscode, buka terminal lakukan npm install --legacy-peer-deps image

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 + image

-tambahkan storage dan firestore database image

-Ubah rules firestore database jadi sebagai berikut : image

-Ubah rules storage jadi sebagai berikut : image

-Pada storage tambahkan folder GambarAman, nah disitu bisa upload file gambar anda image

-Setelah itu pilih project settings image

-Scroll sedikit kebawah tekan tombol </> image

-Setelah selesai copy confignya image

-Ganti disini,file firebase.js image

-buka lagi terminalnya ketik npm run dev image

Fitur Rahasia memblokir seseorang lewat ip

-Tambahkan collection di firestore database seperti berikut image

-Add field seperti berikut image

-Untuk Mendapatkan ip target, pergi ke collection chat disitu terdapat ip user setiap mengirim pesan image


image

sekian, kurang lebihnya mohon maaf 🙏