devanka761 / chat-app

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

CHAT APP v1.25.12

Last Update: 27/06/2022
New Update: Download Here 23/11/2022
Next Update: April - May 2023

This source code is outdated, and I decide to make updated one, then using linkvertise (short link with ads). Sorry for that. You can download the source code here.

• 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 || [NEW] Login Dengan Email
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
13. [NEW] Reply to a specific chat

INSTALASI

Firebase Project

1. Buat Project di Firebase
2. Nyalakan Realtime Database
3. Nyalakan Storage
4. Nyalakan Authentication (Google & Email)
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