adisuyash / adisuyash/buy-me-a-coffee
Create the Landing Page and Routing to "/send"
- Lenguaje dominante
- JavaScript
- Estrellas
- 1
- Forks
- 0
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
# Description
We need to enhance the user experience by implementing a dedicated `landing page` that allows users to connect their MetaMask wallet and then route them to a new `/send` page after a successful connection.
# Tasks:
### 1. Landing Page:
- Create a landing page or homepage `/` that includes:
- A button to connect the MetaMask wallet (only MetaMask, no other wallet).
- After the wallet is connected, change the button text to `Send Coffee to Adi`.
- Optionally, display the connected wallet address in a user-friendly manner.
### 2. Routing:
- Add routing logic so that when the `Send Coffee to Adi` button is clicked, the user is redirected to the /send page.
### 3. MetaMask Integration:
- Ensure that only MetaMask can be used to connect.
- Handle wallet connection events and states, such as when the user connects or disconnects their wallet.
## Expected Outcome:
- When the user first visits the site, they see the landing page with a "Connect Wallet" button.
- After connecting MetaMask, the button changes to "Send Coffee to Adi".
- Clicking the button routes the user to the `/send` page.
## Please Note:
- Make the landing page visually appealing and simple. Contributions to the design and layout are welcome!
- For any queries or clarifications, use the `#general` channel in the [Tech Bastic Discord server](https://discord.com/invite/MSRnjkHcxK) and tag @adisuyash for assistance.
- Feel free to ping me if you need any support! I'm always there to help you :eyes:
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Evaluación
Este issue todavía no se ha evaluado.