Web3-Messenger-DApp Tailwind Templates

Web3 Messenger Dapp

Web3 Messenger DApp is a decentralized messaging platform built with Next.js and MetaMask authentication. Users can log in via their Ethereum wallet, receive a unique avatar, and send real-time 1-to-1 messages. The app uses Tailwind CSS and stores messages locally for persistence.

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

  1. Clone the repository: ```bash git clone https://github.com/your-username/web3-messenger-dapp.git

Top categories

Loading Svelte Themes