Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ekaterinagorbunova/real-time-chat-metamask
Real-time Chat with Metamask integration
https://github.com/ekaterinagorbunova/real-time-chat-metamask
ably-realtime ethersjs metamask nextjs12 tailwindcss vercel
Last synced: 26 days ago
JSON representation
Real-time Chat with Metamask integration
- Host: GitHub
- URL: https://github.com/ekaterinagorbunova/real-time-chat-metamask
- Owner: EkaterinaGorbunova
- Created: 2024-04-27T00:13:00.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-06T04:48:46.000Z (8 months ago)
- Last Synced: 2024-11-10T08:09:18.292Z (3 months ago)
- Topics: ably-realtime, ethersjs, metamask, nextjs12, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://real-time-chat-metamask.vercel.app
- Size: 103 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Real-time Chat with Metamask integration
![BChat](./public/real-time-chat.webp)
## See app [Demo](https://real-time-chat-metamask.vercel.app/)
This is a public chat allows users to exchange messages by connecting their crypto wallet. Wallet address is used as the username in chat.
## Pre-requirements
- Metamask wallet or any other crypto wallet
## Stack
1. Ably
2. NextJS
3. Tailwind CSS
4. Metamask
5. Vercel## Run App Locally
1. `git clone`
2. `cd real-time-chat-app`
2. `npm install`
3. setup `.env` file with Ably API Key
4. `npm run dev`## Free Ably Account limits:
Quota | Allocation (per month)
--- | --- |
Messages total | 3,000,000
Data transferred | 5.72 GiB
Peak connections | 100
Peak channels | 100