A real-time chat application built with Next.js, Pusher, and Chakra UI.
A live demo of the app can be found here: https://react-live-chat-mu.vercel.app/
HomePage:
Chat room:
User can:
- Log in
- Join multiple chat rooms
- Send and receive messages
- See the amount of users that are in the same room and their usernames
- View who is currently typing
- Log out
To run the chat app, you need to have Node.js installed on your machine. If you don't have it installed, you can download it from here.
- Clone the repository
git clone- Install the dependencies
yarn install-
Create a .env file in the root directory of the project and follow the example of the .env.example file to set the environment variables.
-
Start the app
yarn dev- Open your browser and go to http://localhost:3000
- Enjoy the app!