rn chat

Obrolan rn

Aplikasi obrolan yang dibuat dengan React Native, NativeBase, Apollo Hooks, dan sekelompok.

Fitur

• Auth JWT dengan strategi email dan kata sandi
• Pengguna, Grup, Obrolan, Profil, Masuk, Daftar, Layar Detail Grup
• Pengguna/Teman, Grup Publik/Pribadi, Semua Pengguna/Tab Pengguna Grup, Laci, Toasts
• kueri untuk pengguna, teman, obrolan, grup publik dan pribadi
• Buat, Edit, Hapus Grup, Tambah, Hapus Pengguna Dari Mutasi Grup dengan Pembaruan Cache
• Tambahkan, hapus mutasi teman dengan pembaruan cache
• mengulangi layar, grup, dan obrolan layar
• Pesan dalam obrolan ditambahkan, grup ditambahkan dan pesan dalam grup menambahkan langganan
• Pagination relay kursor pada daftar pengguna
• Sekuat pengguna, grup, obrolan, model pesan
• GroupUser, Chatuser, BannedGroupuser, Teman m:n Hubungan
• Penggunaan Pesan, Pesan-Obrolan n:1 Hubungan
• benih basis data

Perpustakaan digunakan

• Bereaksi Native 0,61 dengan react hooks, nativeBase
• React Navigation 4.0, Redux, Redux Thunk
• Klien Apollo, Server Apollo
• Sequellize, PostgreSQL
• Formik, Faker, React Native Gifted Chat

Instalasi dan berjalan

Server

• cd server dan npm install untuk menginstal dependen
• Atur koneksi database di server/src/data/connectors.js misalnya new Sequelize('postgres://dbuser:password@localhost:5432/chat',...
• uncomment db.sync({ force: true }).then(async () => await seed()).catch(error => console.log(error)); di server/src/data/connectors.js untuk menyemai database
• npm run start server http dan graphql playground akan dimuat di http://localhost:5000 dan langganan pada ws://localhost/graphql

Klien

• cd client dan yarn install untuk menginstal ketergantungan
• Atur URL server di client/src/App.js misalnya const uri = '10.0.2.2:5000'; atau const uri = '192.168.0.185:5000';
• yarn run android Untuk Menjalankan React Native Client di Running Android Emulator
• Masuk dengan [email protected] , 123456

Tangkapan layar

Diagram ER Database