Application that helps you to communicate with other in real time
Live Demo
·
Video Demo
·
Report Bug
·
Request Feature
Simple chat is an application that helps you to communicate with other in real time
In this project yarn is used, so make sure, you have it installed
npm install yarn@latest -g
-
Clone the repo
git clone https://github.com/KUSTIKs/simple-chat.git
or
git clone git@github.com:KUSTIKs/simple-chat.git
-
Install dependencies
yarn
-
To start a project run
yarn dev
This application is fully mobile responsive
Bot is just a user, which responds with joke from chucknorris.io api on every user message
This project is using Firebase auth for authentication and Firestore to manage data. Interfaces of entities look look like so
type Account = {
id: string;
name: string;
avatarUrl: string;
isOnline: boolean;
lastTimeOnlineAt: Timestamp;
email: string;
};
type Chat = {
id: string;
members: [Account, Account];
messages: Message[];
};
type Message = {
id: string;
author: Account;
content: string;
createdAt: Timestamp;
};
By the help of firebase onSnapshot
function, real time updating is working. For example, when you send message, it immediately appears on both accounts
To start storybook locally, use following command
yarn storybook
there are two groups of components here: components, and widgets, that can use other components and have some side effects