Chat informatique
Application de chat conçue avec React Native, NativeBase, Apollo Hooks et séquestre.
Caractéristiques
- AUTH JWT avec stratégie de messagerie et de mot de passe
- Utilisateurs, groupes, chats, profil, connexion, enregistrement, écrans de détails de groupe
- Utilisateurs / amis, groupes publics / privés, onglets d'utilisateurs / groupes de groupe, tiroir, toasts
- Requêtes pour les utilisateurs, les amis, les chats, les groupes publics et privés
- créer, modifier, supprimer le groupe, ajouter, supprimer l'utilisateur des mutations de groupe avec des mises à jour de cache
- Ajouter, supprimer les mutations d'amis avec des mises à jour de cache
- Refected sur les utilisateurs, les groupes et les écrans de chat
- Message dans le chat ajouté, groupe ajouté et message dans les abonnements en groupe ajoutés
- Pagination du relais du curseur sur la liste des utilisateurs
- Séquestre l'utilisateur, le groupe, le chat, les modèles de messages
- GroupUser, Chauser, BannedGroupUser, Friends
m:n Relations - Messages-utilisateur, messages-chat
n:1 Relations - graine de base de données
Bibliothèques utilisées
- React natif 0,61 avec des crochets React, Base native
- React Navigation 4.0, Redux, Redux Thunk
- Client Apollo, serveur Apollo
- Séquentiel, postgresql
- FORIK, FAKER, REACT NATIFS CADED CHAT
Installation et course
Serveur
-
cd server et npm install pour installer les dépendances - Définissez la connexion de la base de données dans le
server/src/data/connectors.js par exemple new Sequelize('postgres://dbuser:password@localhost:5432/chat',... - Uncomment
db.sync({ force: true }).then(async () => await seed()).catch(error => console.log(error)); dans le server/src/data/connectors.js pour semer la base de données -
npm run start HTTP Server et GraphQL Playground seront chargés sur http://localhost:5000 et abonnements sur le ws://localhost/graphql
Client
-
cd client et yarn install pour installer les dépendances - Définissez l'URL du serveur dans le
client/src/App.js par exemple const uri = '10.0.2.2:5000'; ou const uri = '192.168.0.185:5000'; -
yarn run android pour exécuter React Native Client sur l'émulateur Android en cours d'exécution - Connectez-vous avec
[email protected] , 123456
Captures d'écran












Diagramme ER à base de données
