nemanjam / rn-chat Licence: other
Chat app made with React Native, NativeBase, Apollo Hooks and Sequelize.
Programming Languages javascript 184084 projects - #8 most used programming language
objective c 16641 projects - #2 most used programming language
ruby 36898 projects - #4 most used programming language
java 68154 projects - #9 most used programming language
python 139335 projects - #7 most used programming language
Projects that are alternatives of or similar to rn-chat now-course Proyecto para el curso de Now.sh en Platzi
Stars : ✭ 19 (-48.65%)
Mutual labels: apollo , sequelize
Chatty A WhatsApp clone with React Native and Apollo (Tutorial)
Stars : ✭ 481 (+1200%)
Mutual labels: apollo , sequelize
Animavita Trigger life-saving alerts, register animals for adoption and find the closest pet friend to adopt 🐶
Stars : ✭ 508 (+1272.97%)
Mutual labels: hooks , apollo
fittrak A data-driven workout tracking tool for the quantified-self 💪 🤓
Stars : ✭ 19 (-48.65%)
Mutual labels: apollo
useAudioPlayer Custom React hook & context for controlling browser audio
Stars : ✭ 176 (+375.68%)
Mutual labels: hooks
execmon Advanced process execution monitoring utility for linux (procmon like)
Stars : ✭ 77 (+108.11%)
Mutual labels: hooks
use-debugger-hooks A small package of custom React hooks that are useful for debugging changes in React hook dependencies across renders
Stars : ✭ 44 (+18.92%)
Mutual labels: hooks
tiny-react-with-hooks ⚛︎ Fundamental Implementation of React with Hooks & VDOM
Stars : ✭ 20 (-45.95%)
Mutual labels: hooks
hapi-sequelizejs A hapi.js plugin to connect with Sequelize ORM
Stars : ✭ 56 (+51.35%)
Mutual labels: sequelize
apollo-chat-graphql-server Apollo Chat is a Chat Service build on GraphQL Apollo with Subscriptions
Stars : ✭ 13 (-64.86%)
Mutual labels: apollo
cadhub We're out to raise awareness and put CodeCAD on the map. The success of CadHub can be measured by the amount it promotes the use of CodeCAD within the mechanical/manufacturing industry and the strength the CadHub community.
Stars : ✭ 204 (+451.35%)
Mutual labels: apollo
use-unmount-signal A React Hook to cancel promises when a component is unmounted
Stars : ✭ 276 (+645.95%)
Mutual labels: hooks
udacity-alumni-fe A front-end web application and bespoke publishing platform, built by Udacity Alumni for Udacity Alumni
Stars : ✭ 45 (+21.62%)
Mutual labels: apollo
React-Realtime-Chat A full-stack reproduction of the popular realtime chat application, Slack (http://slack.com) using React and GraphQL Subscriptions.
Stars : ✭ 16 (-56.76%)
Mutual labels: apollo
useStateMachine The <1 kb state machine hook for React
Stars : ✭ 2,231 (+5929.73%)
Mutual labels: hooks
reactools Create React interfaces is easy.
Stars : ✭ 14 (-62.16%)
Mutual labels: hooks
vue-douyin 基于Vue.js的模仿抖音的Web App
Stars : ✭ 88 (+137.84%)
Mutual labels: sequelize
use-saga-reducer Use redux-saga without redux
Stars : ✭ 72 (+94.59%)
Mutual labels: hooks
Ocelot-Social Free and open-source social network for active citizenship.
Stars : ✭ 49 (+32.43%)
Mutual labels: apollo
RN Chat
Chat app made with React Native, NativeBase, Apollo Hooks and Sequelize.
Features
JWT auth with email and password strategy
Users, Groups, Chats, Profile, Login, Register, Group Details screens
Users/Friends, Public/Private Groups, All Users/Group Users tabs, Drawer, Toasts
queries for users, friends, chats, public and private groups
create, edit, delete group, add, remove user from group mutations with cache updates
add, remove friend mutations with cache updates
refetching on the Users, Groups and Chats screens
message in chat added, group added and message in group added subscriptions
cursor Relay pagination on the Users list
Sequelize User, Group, Chat, Message models
GroupUser, ChatUser, BannedGroupUser, Friends m:n
relations
Messages-User, Messages-Chat n:1
relations
database seed
Libraries used
React Native 0.61 with React Hooks, NativeBase
React Navigation 4.0, Redux, Redux Thunk
Apollo Client, Apollo Server
Sequelize, PostgreSQL
Formik, Faker, React Native Gifted Chat
Installation and running
Server
cd server
and npm install
to install the dependecies
set database connection in the server/src/data/connectors.js
for example new Sequelize('postgres://dbuser:password@localhost:5432/chat',...
uncomment db.sync({ force: true }).then(async () => await seed()).catch(error => console.log(error));
in the server/src/data/connectors.js
to seed the database
npm run start
http server and GraphQL playground wil be loaded on http://localhost:5000
and subscriptions on the ws://localhost/graphql
Client
cd client
and yarn install
to install the dependecies
set the server url in the client/src/App.js
for example const uri = '10.0.2.2:5000';
or const uri = '192.168.0.185:5000';
yarn run android
to run React Native client on the running Android emulator
login with the [email protected]
, 123456
Screenshots
Database ER diagram
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at
[email protected] .