RN Chat
Aplicación de chat hecha con React Native, NativeBase, Apollo Hooks y Secelize.
Características
- Auth JWT con estrategia de correo electrónico y contraseña
- Usuarios, grupos, chats, perfil, inicio de sesión, registrarse, pantallas de detalles del grupo
- Usuarios/amigos, grupos públicos/privados, todos los usuarios/pestañas de usuarios del grupo, cajón, tostadas
- Consultas para usuarios, amigos, chats, grupos públicos y privados
- Crear, editar, eliminar el grupo, agregar, eliminar el usuario de las mutaciones de grupo con actualizaciones de caché
- Agregar, eliminar mutaciones de amigos con actualizaciones de caché
- Reenviar las pantallas de los usuarios, grupos y chats
- Mensaje en el chat agregado, el grupo agregado y el mensaje en el grupo agregó suscripciones
- Paginación de retransmisión del cursor en la lista de usuarios
- SECULAR USUARIO, GRUPO, CHAT, modelos de mensajes
- GroupUser, Chatuser, BannedGroupUser, Friends
m:n Relaciones - Mensajes-usuario, Mensajes-chat
n:1 Relaciones - semilla de base de datos
Bibliotecas utilizadas
- React nativo 0.61 con ganchos react, nationalbase
- React Navigation 4.0, Redux, Redux Thunk
- Cliente de Apollo, servidor Apollo
- SECUSIZAR, PostgreSQL
- Formik, Faker, React Native Difted Chat
Instalación y ejecución
Servidor
-
npm install cd server y NPM para instalar las dependientes - Establezca la conexión de la base de datos en el
server/src/data/connectors.js por ejemplo new Sequelize('postgres://dbuser:password@localhost:5432/chat',... - Uncomment
db.sync({ force: true }).then(async () => await seed()).catch(error => console.log(error)); En el server/src/data/connectors.js para sembrar la base de datos -
npm run start el servidor HTTP HTTP y el patio de juegos GraphQL se cargarán en http://localhost:5000 y suscripciones en el ws://localhost/graphql
Cliente
- Instalación
cd client y yarn install para instalar las dependientes - Establezca la URL del servidor en el
client/src/App.js por ejemplo const uri = '10.0.2.2:5000'; o const uri = '192.168.0.185:5000'; -
yarn run android para ejecutar React Native Client en el emulador de Android en ejecución - Inicie sesión con el
[email protected] , 123456
Capturas de pantalla












Diagrama de la base de datos ER
