Obrolan Proyek UOL
Proyek yang diimplementasikan adalah obrolan real-time, terinspirasi oleh UOL Chat. Hal ini memungkinkan pengguna untuk memasuki ruang obrolan, mengirim dan menerima pesan dan melihat pesan sebelumnya yang dipertukarkan di ruang tersebut. Ini didasarkan pada teknologi JavaScript murni dan tidak menggunakan perpustakaan atau bahasa lain yang dikompilasi ke JavaScript. Selain itu, ia menggunakan API Obrolan UOL untuk menjaga koneksi pengguna dan mengimplementasikan beberapa fungsi.
Untuk menguji proyek berfungsi, akses tautan ini: https://projeto5-batepapouol-navy.vercel.app/
Tentang
Proyek ini dimotivasi oleh kebutuhan untuk mengembangkan keterampilan JavaScript murni dan mengeksplorasi pengembangan obrolan waktu nyata. Proyek ini mengimplementasikan fitur-fitur berikut:
- Entri Kamar: Ketika pengguna mengakses halaman, mereka diminta memasukkan namanya, dan kemudian nama tersebut dikirim ke server untuk mendaftarkan pengguna. Jika server berhasil merespons, pengguna dapat bergabung ke ruangan. Jika tidak, ia harus memilih nama lain.
- Mengirim pesan: Pengguna dapat mengirim pesan ke ruang obrolan. Ketika server berhasil merespons, pesan ruang obrolan diperbarui dan pesan baru ditampilkan.
- Tampilan Pesan: Obrolan menampilkan pesan-pesan sebelumnya dari ruang obrolan serta pesan-pesan yang baru dikirim. Ada tiga jenis pesan: pesan biasa, pesan khusus, dan pesan status (seperti "Bergabung" atau "Keluar" dari ruangan). Setiap jenis pesan memiliki latar belakang yang berbeda dan pesan yang dipesan hanya ditampilkan jika pengirim atau penerimanya sama dengan pengguna.
- Pembaruan Otomatis: Ruang obrolan diperbarui setiap tiga detik agar pengguna selalu mengetahui pesan terbaru.
- Menjaga koneksi: Server harus mengetahui bahwa pengguna masih online. Untuk ini, setiap 5 detik sistem harus mengirimkan permintaan POST ke Chat UOL API yang menginformasikan bahwa pengguna aktif.
- Pencarian pesan: Pengguna dapat mencari pesan sebelumnya di ruang obrolan.
Teknologi
- skrip java
- API Obrolan UOL
Cara menjalankan proyek
- Kloning repositori ke mesin lokal Anda.
- Buka file index.html di browser web.
- Masukkan nama Anda dan klik "Gabung Kamar".
- Kirim dan terima pesan di ruang obrolan.
Bagaimana Berkontribusi
Kontribusi selalu diterima! Jika Anda menemukan bug atau memiliki saran untuk fitur baru, jangan ragu untuk membuka masalah atau menarik permintaan.
Tata Letak Seluler
