lowspear / chat-app

Chat App Using Javascript & Firebase - HTML + CSS - Responsive Design - Amateur Project

CHAT APP v1.22.03

Last Update: 12/06/2022

• Demo: Devanka Chat App
• Support Me: Donasi Saweria
• Subscribe: YouTube Devanka 761

FITUR

1. Private Chat/Global Chat
   • Pesan Teks,
   • Pesan Suara,
   • Pesan Gambar,
   • Menarik Pesan,
   • Report User.
2. [NEW] Grup Chat + Logo (Join Via ID -- Mirip Discord)
3. [NEW] Follow & Unfollow User
4. [NEW] Postingan + Like & Comment
5. [NEW] Random Chat
6. Login Dengan Google
7. Username dan DisplayName Google Default
8. Foto Profil dan Profil Google Default
9. [NEW] Mode Pencarian Diperbaiki
10. Tema Gelap & Cerah
11. Lebih Responsive
12. Major & Minor Bugs Fixed

INSTALASI

Firebase Project

1. Buat Project di Firebase
2. Nyalakan Realtime Database
3. Nyalakan Storage
4. Nyalakan Authentication (Google)
5. Ambil FirebaseConfig -- Taroh untuk config.js

Config.js

Ganti kode di FirebaseConfig di dalam file config.js:

const firebaseConfig = {
    apiKey: "PUNYA-KAMU",
    authDomain: "PUNYA-KAMU",
    databaseURL: "PUNYA-KAMU",
    projectId: "PUNYA-KAMU",
    storageBucket: "PUNYA-KAMU",
    messagingSenderId: "PUNYA-KAMU",
    appId: "PUNYA-KAMU"
};

Bahasa.js

Ganti dan sesuaikan dengan yang diinginkan