CAPP - Realtime Chat App
CAPP App is a web based realtime chat application. It has some features like realtime chat, add friend, search people, search chat, protected route, and login using google account.
This application is built using React.js for the frontend, Boostrap for the CSS framework, Appwrite for data storage and realtime features and express.js for custom servers as needed.
The inspiration behind the making of this application is whatsapp so that it looks similar to whatsapp.
Installation and Setup
Appwrite
-
Install & running AppWrite on your machine. You can follow this instruction
-
Create Appwrite Project
-
Create API keys
-
Create Database collection
chats
andfriends
with following attributes
friends:
userId: String,
friendId: String,
createdAt: String
chats:
userIds: [String]
userId: String,
text: String,
createdAt: String
- Create indexes for
chats
andfriends
collections
friends
Index Key: userId
type: fulltext
attributes: userId (ASC)
chats:
Index Key: userIds
type: fulltext
attributes: userIds
β¦