This project is a Web3 application built using React, Vite, and TypeScript. It allows users to connect their MetaMask wallet and features a visually appealing interface with a wave background effect and interactive cursor effects.
- Connect and disconnect from MetaMask wallet
- Display wallet address
- Wave background effect
- Interactive cursor effects
- Node.js (version 14 or higher)
- npm or yarn
-
Clone the repository:
git clone <repository-url> -
Navigate to the project directory:
cd web3-react-app -
Install the dependencies:
npm installor
yarn install
To start the development server, run:
npm run dev
or
yarn dev
Open your browser and navigate to http://localhost:3000 to view the application.
To build the application for production, run:
npm run build
or
yarn build
The production files will be generated in the dist directory.
Once the application is running, you can connect your MetaMask wallet by clicking the "Connect Wallet" button. The wallet address will be displayed on the screen. Enjoy the wave effect and cursor interactions as you navigate through the app!
Contributions are welcome! Please feel free to submit a pull request or open an issue for any suggestions or improvements.
This project is licensed under the MIT License. See the LICENSE file for more details.