adisuyash / adisuyash/buy-me-a-coffee

Create the Landing Page and Routing to "/send"

Abierto
#3 2 comentarios 0 reacciones 1 asignado Reclamado por @PALLAVIKHEDLE Ver en GitHub
enhancement good first issue hacktoberfest help wanted
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.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.