Web3 Messenger DApp
A decentralized messaging application built using Next.js and MetaMask authentication. This Web3 Messenger allows users to log in securely with their Ethereum wallet, generate unique avatars based on their address, and send real-time, peer-to-peer messages. All data is stored locally for persistence.
Features
- MetaMask Authentication: Users can securely log in using their Ethereum wallet.
- Custom Random Avatars: Each user is assigned a unique avatar based on their Ethereum address using the Dicebear API.
- Real-time Messaging: Send and receive messages instantly between users.
- Persistence: Messages are saved locally in the browser’s localStorage, allowing them to persist even after refreshing the page.
- Responsive UI: Built with Tailwind CSS, providing a clean, modern, and mobile-responsive interface.
Tech Stack
- Frontend: Next.js (React framework)
- Authentication: MetaMask (Ethereum wallet)
- Avatar Generation: Dicebear API for generating random avatars based on Ethereum addresses
- Styling: Tailwind CSS
- Data Storage: LocalStorage for message persistence
Getting Started
Prerequisites
- Node.js installed on your machine.
- MetaMask extension installed in your browser.
Installation
- Clone the repository:
```bash
git clone https://github.com/your-username/web3-messenger-dapp.git